|
1
|
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
|
|
2
|
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
|
|
3
|
/*
|
|
4
|
*
|
|
5
|
* INSPINIA - Responsive Admin Theme
|
|
6
|
* version 2.3
|
|
7
|
*
|
|
8
|
*/
|
|
9
|
h1,
|
|
10
|
h2,
|
|
11
|
h3,
|
|
12
|
h4,
|
|
13
|
h5,
|
|
14
|
h6 {
|
|
15
|
font-weight: 100;
|
|
16
|
}
|
|
17
|
h1 {
|
|
18
|
font-size: 30px;
|
|
19
|
}
|
|
20
|
h2 {
|
|
21
|
font-size: 24px;
|
|
22
|
}
|
|
23
|
h3 {
|
|
24
|
font-size: 16px;
|
|
25
|
}
|
|
26
|
h4 {
|
|
27
|
font-size: 14px;
|
|
28
|
}
|
|
29
|
h5 {
|
|
30
|
font-size: 12px;
|
|
31
|
}
|
|
32
|
h6 {
|
|
33
|
font-size: 10px;
|
|
34
|
}
|
|
35
|
h3,
|
|
36
|
h4,
|
|
37
|
h5 {
|
|
38
|
margin-top: 5px;
|
|
39
|
font-weight: 600;
|
|
40
|
}
|
|
41
|
.nav > li > a {
|
|
42
|
color: #a7b1c2;
|
|
43
|
font-weight: 600;
|
|
44
|
padding: 14px 20px 14px 25px;
|
|
45
|
}
|
|
46
|
.nav.navbar-right > li > a {
|
|
47
|
color: #999c9e;
|
|
48
|
}
|
|
49
|
.nav > li.active > a {
|
|
50
|
color: #ffffff;
|
|
51
|
}
|
|
52
|
.navbar-default .nav > li > a:hover,
|
|
53
|
.navbar-default .nav > li > a:focus {
|
|
54
|
background-color: #293846;
|
|
55
|
color: white;
|
|
56
|
}
|
|
57
|
.nav .open > a,
|
|
58
|
.nav .open > a:hover,
|
|
59
|
.nav .open > a:focus {
|
|
60
|
background: #fff;
|
|
61
|
}
|
|
62
|
.nav.navbar-top-links > li > a:hover,
|
|
63
|
.nav.navbar-top-links > li > a:focus {
|
|
64
|
background-color: transparent;
|
|
65
|
}
|
|
66
|
.nav > li > a i {
|
|
67
|
margin-right: 6px;
|
|
68
|
}
|
|
69
|
.navbar {
|
|
70
|
border: 0;
|
|
71
|
}
|
|
72
|
.navbar-default {
|
|
73
|
background-color: transparent;
|
|
74
|
border-color: #2f4050;
|
|
75
|
}
|
|
76
|
.navbar-top-links li {
|
|
77
|
display: inline-block;
|
|
78
|
}
|
|
79
|
.navbar-top-links li:last-child {
|
|
80
|
margin-right: 40px;
|
|
81
|
}
|
|
82
|
.body-small .navbar-top-links li:last-child {
|
|
83
|
margin-right: 0;
|
|
84
|
}
|
|
85
|
.navbar-top-links li a {
|
|
86
|
padding: 20px 10px;
|
|
87
|
min-height: 50px;
|
|
88
|
}
|
|
89
|
.dropdown-menu {
|
|
90
|
border: medium none;
|
|
91
|
border-radius: 3px;
|
|
92
|
box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
|
|
93
|
display: none;
|
|
94
|
float: left;
|
|
95
|
font-size: 12px;
|
|
96
|
left: 0;
|
|
97
|
list-style: none outside none;
|
|
98
|
padding: 0;
|
|
99
|
position: absolute;
|
|
100
|
text-shadow: none;
|
|
101
|
top: 100%;
|
|
102
|
z-index: 1000;
|
|
103
|
}
|
|
104
|
.dropdown-menu > li > a {
|
|
105
|
border-radius: 3px;
|
|
106
|
color: inherit;
|
|
107
|
line-height: 25px;
|
|
108
|
margin: 4px;
|
|
109
|
text-align: left;
|
|
110
|
font-weight: normal;
|
|
111
|
}
|
|
112
|
.dropdown-menu > li > a.font-bold {
|
|
113
|
font-weight: 600;
|
|
114
|
}
|
|
115
|
.navbar-top-links .dropdown-menu li {
|
|
116
|
display: block;
|
|
117
|
}
|
|
118
|
.navbar-top-links .dropdown-menu li:last-child {
|
|
119
|
margin-right: 0;
|
|
120
|
}
|
|
121
|
.navbar-top-links .dropdown-menu li a {
|
|
122
|
padding: 3px 20px;
|
|
123
|
min-height: 0;
|
|
124
|
}
|
|
125
|
.navbar-top-links .dropdown-menu li a div {
|
|
126
|
white-space: normal;
|
|
127
|
}
|
|
128
|
.navbar-top-links .dropdown-messages,
|
|
129
|
.navbar-top-links .dropdown-tasks,
|
|
130
|
.navbar-top-links .dropdown-alerts {
|
|
131
|
width: 310px;
|
|
132
|
min-width: 0;
|
|
133
|
}
|
|
134
|
.navbar-top-links .dropdown-messages {
|
|
135
|
margin-left: 5px;
|
|
136
|
}
|
|
137
|
.navbar-top-links .dropdown-tasks {
|
|
138
|
margin-left: -59px;
|
|
139
|
}
|
|
140
|
.navbar-top-links .dropdown-alerts {
|
|
141
|
margin-left: -123px;
|
|
142
|
}
|
|
143
|
.navbar-top-links .dropdown-user {
|
|
144
|
right: 0;
|
|
145
|
left: auto;
|
|
146
|
}
|
|
147
|
.dropdown-messages,
|
|
148
|
.dropdown-alerts {
|
|
149
|
padding: 10px 10px 10px 10px;
|
|
150
|
}
|
|
151
|
.dropdown-messages li a,
|
|
152
|
.dropdown-alerts li a {
|
|
153
|
font-size: 12px;
|
|
154
|
}
|
|
155
|
.dropdown-messages li em,
|
|
156
|
.dropdown-alerts li em {
|
|
157
|
font-size: 10px;
|
|
158
|
}
|
|
159
|
.nav.navbar-top-links .dropdown-alerts a {
|
|
160
|
font-size: 12px;
|
|
161
|
}
|
|
162
|
.nav-header {
|
|
163
|
padding: 33px 25px;
|
|
164
|
background: url("patterns/header-profile.png") no-repeat;
|
|
165
|
}
|
|
166
|
.pace-done .nav-header {
|
|
167
|
transition: all 0.5s;
|
|
168
|
}
|
|
169
|
.nav > li.active {
|
|
170
|
border-left: 4px solid #5f8fe5;
|
|
171
|
background: #293846;
|
|
172
|
}
|
|
173
|
.nav.nav-second-level > li.active {
|
|
174
|
border: none;
|
|
175
|
}
|
|
176
|
.nav.nav-second-level.collapse[style] {
|
|
177
|
height: auto !important;
|
|
178
|
}
|
|
179
|
.nav-header a {
|
|
180
|
color: #DFE4ED;
|
|
181
|
}
|
|
182
|
.nav-header .text-muted {
|
|
183
|
color: #8095a8;
|
|
184
|
}
|
|
185
|
.minimalize-styl-2 {
|
|
186
|
padding: 4px 12px;
|
|
187
|
margin: 14px 5px 5px 20px;
|
|
188
|
font-size: 14px;
|
|
189
|
float: left;
|
|
190
|
}
|
|
191
|
.navbar-form-custom {
|
|
192
|
float: left;
|
|
193
|
height: 50px;
|
|
194
|
padding: 0;
|
|
195
|
width: 200px;
|
|
196
|
display: inline-table;
|
|
197
|
}
|
|
198
|
.navbar-form-custom .form-group {
|
|
199
|
margin-bottom: 0;
|
|
200
|
}
|
|
201
|
.nav.navbar-top-links a {
|
|
202
|
font-size: 14px;
|
|
203
|
}
|
|
204
|
.navbar-form-custom .form-control {
|
|
205
|
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
206
|
border: medium none;
|
|
207
|
font-size: 14px;
|
|
208
|
height: 60px;
|
|
209
|
margin: 0;
|
|
210
|
z-index: 2000;
|
|
211
|
}
|
|
212
|
.count-info .label {
|
|
213
|
line-height: 12px;
|
|
214
|
padding: 2px 5px;
|
|
215
|
position: absolute;
|
|
216
|
right: 6px;
|
|
217
|
top: 12px;
|
|
218
|
}
|
|
219
|
.arrow {
|
|
220
|
float: right;
|
|
221
|
}
|
|
222
|
.fa.arrow:before {
|
|
223
|
content: "\f104";
|
|
224
|
}
|
|
225
|
.active > a > .fa.arrow:before {
|
|
226
|
content: "\f107";
|
|
227
|
}
|
|
228
|
.nav-second-level li,
|
|
229
|
.nav-third-level li {
|
|
230
|
border-bottom: none !important;
|
|
231
|
}
|
|
232
|
.nav-second-level li a {
|
|
233
|
padding: 7px 10px 7px 10px;
|
|
234
|
padding-left: 52px;
|
|
235
|
}
|
|
236
|
.nav-third-level li a {
|
|
237
|
padding-left: 62px;
|
|
238
|
}
|
|
239
|
.nav-second-level li:last-child {
|
|
240
|
margin-bottom: 10px;
|
|
241
|
}
|
|
242
|
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
|
|
243
|
.mini-navbar .nav li:focus > .nav-second-level {
|
|
244
|
display: block;
|
|
245
|
border-radius: 0 2px 2px 0;
|
|
246
|
min-width: 140px;
|
|
247
|
height: auto;
|
|
248
|
}
|
|
249
|
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
|
|
250
|
font-size: 12px;
|
|
251
|
border-radius: 3px;
|
|
252
|
}
|
|
253
|
.fixed-nav .slimScrollDiv #side-menu {
|
|
254
|
padding-bottom: 60px;
|
|
255
|
}
|
|
256
|
.mini-navbar .nav-second-level li a {
|
|
257
|
padding: 10px 10px 10px 15px;
|
|
258
|
}
|
|
259
|
.mini-navbar .nav-second-level {
|
|
260
|
position: absolute;
|
|
261
|
left: 70px;
|
|
262
|
top: 0px;
|
|
263
|
background-color: #2f4050;
|
|
264
|
padding: 10px 10px 10px 10px;
|
|
265
|
font-size: 12px;
|
|
266
|
}
|
|
267
|
.canvas-menu.mini-navbar .nav-second-level {
|
|
268
|
background: #293846;
|
|
269
|
}
|
|
270
|
.mini-navbar li.active .nav-second-level {
|
|
271
|
left: 65px;
|
|
272
|
}
|
|
273
|
.navbar-default .special_link a {
|
|
274
|
background: #6098eb;
|
|
275
|
color: white;
|
|
276
|
}
|
|
277
|
.navbar-default .special_link a:hover {
|
|
278
|
background: #17987e !important;
|
|
279
|
color: white;
|
|
280
|
}
|
|
281
|
.navbar-default .special_link a span.label {
|
|
282
|
background: #fff;
|
|
283
|
color: #6098eb;
|
|
284
|
}
|
|
285
|
.navbar-default .landing_link a {
|
|
286
|
/*background: #62a5ef;*/
|
|
287
|
color: white;
|
|
288
|
}
|
|
289
|
.navbar-default .landing_link a:hover {
|
|
290
|
/*background: #6098eb !important;*/
|
|
291
|
color: white;
|
|
292
|
}
|
|
293
|
.navbar-default .landing_link a span.label {
|
|
294
|
background: #fff;
|
|
295
|
color: #62a5ef;
|
|
296
|
}
|
|
297
|
.logo-element {
|
|
298
|
text-align: center;
|
|
299
|
font-size: 18px;
|
|
300
|
font-weight: 600;
|
|
301
|
color: white;
|
|
302
|
display: none;
|
|
303
|
padding: 18px 0;
|
|
304
|
}
|
|
305
|
.pace-done .navbar-static-side,
|
|
306
|
.pace-done .nav-header,
|
|
307
|
.pace-done li.active,
|
|
308
|
.pace-done #page-wrapper,
|
|
309
|
.pace-done .footer {
|
|
310
|
-webkit-transition: all 0.5s;
|
|
311
|
-moz-transition: all 0.5s;
|
|
312
|
-o-transition: all 0.5s;
|
|
313
|
transition: all 0.5s;
|
|
314
|
}
|
|
315
|
.navbar-fixed-top {
|
|
316
|
background: #fff;
|
|
317
|
transition-duration: 0.5s;
|
|
318
|
border-bottom: 1px solid #e7eaec !important;
|
|
319
|
z-index: 2030;
|
|
320
|
}
|
|
321
|
.navbar-fixed-top,
|
|
322
|
.navbar-static-top {
|
|
323
|
background: #f3f3f4;
|
|
324
|
}
|
|
325
|
.fixed-nav #wrapper {
|
|
326
|
margin-top: 0;
|
|
327
|
}
|
|
328
|
body.fixed-nav #wrapper .navbar-static-side,
|
|
329
|
body.fixed-nav #wrapper #page-wrapper {
|
|
330
|
margin-top: 60px;
|
|
331
|
}
|
|
332
|
body.top-navigation.fixed-nav #wrapper #page-wrapper {
|
|
333
|
margin-top: 0;
|
|
334
|
}
|
|
335
|
.fixed-nav .minimalize-styl-2 {
|
|
336
|
margin: 14px 5px 5px 15px;
|
|
337
|
}
|
|
338
|
.body-small .navbar-fixed-top {
|
|
339
|
margin-left: 0px;
|
|
340
|
}
|
|
341
|
body.mini-navbar .navbar-static-side {
|
|
342
|
width: 70px;
|
|
343
|
}
|
|
344
|
body.mini-navbar .profile-element,
|
|
345
|
body.mini-navbar .nav-label,
|
|
346
|
body.mini-navbar .navbar-default .nav li a span {
|
|
347
|
display: none;
|
|
348
|
}
|
|
349
|
body.canvas-menu .profile-element {
|
|
350
|
display: block;
|
|
351
|
}
|
|
352
|
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
|
|
353
|
display: none;
|
|
354
|
}
|
|
355
|
body.mini-navbar .navbar-default .nav > li > a {
|
|
356
|
font-size: 16px;
|
|
357
|
}
|
|
358
|
body.mini-navbar .logo-element {
|
|
359
|
display: block;
|
|
360
|
}
|
|
361
|
body.canvas-menu .logo-element {
|
|
362
|
display: none;
|
|
363
|
}
|
|
364
|
body.mini-navbar .nav-header {
|
|
365
|
padding: 0;
|
|
366
|
background-color: #6098eb;
|
|
367
|
}
|
|
368
|
body.canvas-menu .nav-header {
|
|
369
|
padding: 33px 25px;
|
|
370
|
}
|
|
371
|
body.mini-navbar #page-wrapper {
|
|
372
|
margin: 0 0 0 70px;
|
|
373
|
}
|
|
374
|
body.fixed-sidebar.mini-navbar .footer,
|
|
375
|
body.canvas-menu.mini-navbar .footer {
|
|
376
|
margin: 0 0 0 0 !important;
|
|
377
|
}
|
|
378
|
body.canvas-menu.mini-navbar #page-wrapper,
|
|
379
|
body.canvas-menu.mini-navbar .footer {
|
|
380
|
margin: 0 0 0 0;
|
|
381
|
}
|
|
382
|
body.fixed-sidebar .navbar-static-side,
|
|
383
|
body.canvas-menu .navbar-static-side {
|
|
384
|
position: fixed;
|
|
385
|
width: 220px;
|
|
386
|
z-index: 2001;
|
|
387
|
height: 100%;
|
|
388
|
}
|
|
389
|
body.fixed-sidebar.mini-navbar .navbar-static-side {
|
|
390
|
width: 0px;
|
|
391
|
}
|
|
392
|
body.fixed-sidebar.mini-navbar #page-wrapper {
|
|
393
|
margin: 0 0 0 0px;
|
|
394
|
}
|
|
395
|
body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
|
|
396
|
margin: 0 0 0 220px;
|
|
397
|
}
|
|
398
|
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
|
|
399
|
width: 220px;
|
|
400
|
}
|
|
401
|
.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
|
|
402
|
.canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
|
|
403
|
display: block;
|
|
404
|
height: auto;
|
|
405
|
}
|
|
406
|
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
|
|
407
|
font-size: 12px;
|
|
408
|
border-radius: 3px;
|
|
409
|
}
|
|
410
|
body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
|
|
411
|
font-size: 13px;
|
|
412
|
border-radius: 3px;
|
|
413
|
}
|
|
414
|
.fixed-sidebar.mini-navbar .nav-second-level li a,
|
|
415
|
.canvas-menu.mini-navbar .nav-second-level li a {
|
|
416
|
padding: 10px 10px 10px 15px;
|
|
417
|
}
|
|
418
|
.fixed-sidebar.mini-navbar .nav-second-level,
|
|
419
|
.canvas-menu.mini-navbar .nav-second-level {
|
|
420
|
position: relative;
|
|
421
|
padding: 0;
|
|
422
|
font-size: 13px;
|
|
423
|
}
|
|
424
|
.fixed-sidebar.mini-navbar li.active .nav-second-level,
|
|
425
|
.canvas-menu.mini-navbar li.active .nav-second-level {
|
|
426
|
left: 0px;
|
|
427
|
}
|
|
428
|
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
|
|
429
|
body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
|
|
430
|
font-size: 13px;
|
|
431
|
}
|
|
432
|
body.fixed-sidebar.mini-navbar .nav-label,
|
|
433
|
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
|
|
434
|
body.canvas-menu.mini-navbar .nav-label,
|
|
435
|
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
|
|
436
|
display: inline;
|
|
437
|
}
|
|
438
|
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
|
|
439
|
display: block;
|
|
440
|
}
|
|
441
|
.canvas-menu.mini-navbar .nav-second-level li a,
|
|
442
|
.fixed-sidebar.mini-navbar .nav-second-level li a {
|
|
443
|
padding: 7px 10px 7px 52px;
|
|
444
|
}
|
|
445
|
.fixed-sidebar.mini-navbar .nav-second-level,
|
|
446
|
.canvas-menu.mini-navbar .nav-second-level {
|
|
447
|
left: 0px;
|
|
448
|
}
|
|
449
|
body.canvas-menu nav.navbar-static-side {
|
|
450
|
z-index: 2001;
|
|
451
|
background: #2f4050;
|
|
452
|
height: 100%;
|
|
453
|
position: fixed;
|
|
454
|
display: none;
|
|
455
|
}
|
|
456
|
body.canvas-menu.mini-navbar nav.navbar-static-side {
|
|
457
|
display: block;
|
|
458
|
width: 220px;
|
|
459
|
}
|
|
460
|
.top-navigation #page-wrapper {
|
|
461
|
margin-left: 0;
|
|
462
|
}
|
|
463
|
.top-navigation .navbar-nav .dropdown-menu > .active > a {
|
|
464
|
background: white;
|
|
465
|
color: #6098eb;
|
|
466
|
font-weight: bold;
|
|
467
|
}
|
|
468
|
.white-bg .navbar-fixed-top,
|
|
469
|
.white-bg .navbar-static-top {
|
|
470
|
background: #fff;
|
|
471
|
}
|
|
472
|
.top-navigation .navbar {
|
|
473
|
margin-bottom: 0;
|
|
474
|
}
|
|
475
|
.top-navigation .nav > li > a {
|
|
476
|
padding: 15px 20px;
|
|
477
|
color: #676a6c;
|
|
478
|
}
|
|
479
|
.top-navigation .nav > li a:hover,
|
|
480
|
.top-navigation .nav > li a:focus {
|
|
481
|
background: #fff;
|
|
482
|
color: #6098eb;
|
|
483
|
}
|
|
484
|
.top-navigation .nav > li.active {
|
|
485
|
background: #fff;
|
|
486
|
border: none;
|
|
487
|
}
|
|
488
|
.top-navigation .nav > li.active > a {
|
|
489
|
color: #6098eb;
|
|
490
|
}
|
|
491
|
.top-navigation .navbar-right {
|
|
492
|
margin-right: 10px;
|
|
493
|
}
|
|
494
|
.top-navigation .navbar-nav .dropdown-menu {
|
|
495
|
box-shadow: none;
|
|
496
|
border: 1px solid #e7eaec;
|
|
497
|
}
|
|
498
|
.top-navigation .dropdown-menu > li > a {
|
|
499
|
margin: 0;
|
|
500
|
padding: 7px 20px;
|
|
501
|
}
|
|
502
|
.navbar .dropdown-menu {
|
|
503
|
margin-top: 0px;
|
|
504
|
}
|
|
505
|
.top-navigation .navbar-brand {
|
|
506
|
background: #6098eb;
|
|
507
|
color: #fff;
|
|
508
|
padding: 15px 25px;
|
|
509
|
}
|
|
510
|
.top-navigation .navbar-top-links li:last-child {
|
|
511
|
margin-right: 0;
|
|
512
|
}
|
|
513
|
.top-navigation.mini-navbar #page-wrapper,
|
|
514
|
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
|
|
515
|
.mini-navbar .top-navigation #page-wrapper,
|
|
516
|
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
|
|
517
|
.canvas-menu #page-wrapper {
|
|
518
|
margin: 0;
|
|
519
|
}
|
|
520
|
.top-navigation.fixed-nav #wrapper,
|
|
521
|
.fixed-nav #wrapper.top-navigation {
|
|
522
|
margin-top: 50px;
|
|
523
|
}
|
|
524
|
.top-navigation .footer.fixed {
|
|
525
|
margin-left: 0 !important;
|
|
526
|
}
|
|
527
|
.top-navigation .wrapper.wrapper-content {
|
|
528
|
padding: 40px;
|
|
529
|
}
|
|
530
|
.top-navigation.body-small .wrapper.wrapper-content,
|
|
531
|
.body-small .top-navigation .wrapper.wrapper-content {
|
|
532
|
padding: 40px 0px 40px 0px;
|
|
533
|
}
|
|
534
|
.navbar-toggle {
|
|
535
|
background-color: #6098eb;
|
|
536
|
color: #fff;
|
|
537
|
padding: 6px 12px;
|
|
538
|
font-size: 14px;
|
|
539
|
}
|
|
540
|
.top-navigation .navbar-nav .open .dropdown-menu > li > a,
|
|
541
|
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
|
|
542
|
padding: 10px 15px 10px 20px;
|
|
543
|
}
|
|
544
|
@media (max-width: 768px) {
|
|
545
|
.top-navigation .navbar-header {
|
|
546
|
display: block;
|
|
547
|
float: none;
|
|
548
|
}
|
|
549
|
}
|
|
550
|
.menu-visible-lg,
|
|
551
|
.menu-visible-md {
|
|
552
|
display: none !important;
|
|
553
|
}
|
|
554
|
@media (min-width: 1200px) {
|
|
555
|
.menu-visible-lg {
|
|
556
|
display: block !important;
|
|
557
|
}
|
|
558
|
}
|
|
559
|
@media (min-width: 992px) {
|
|
560
|
.menu-visible-md {
|
|
561
|
display: block !important;
|
|
562
|
}
|
|
563
|
}
|
|
564
|
@media (max-width: 767px) {
|
|
565
|
.menu-visible-md {
|
|
566
|
display: block !important;
|
|
567
|
}
|
|
568
|
.menu-visible-lg {
|
|
569
|
display: block !important;
|
|
570
|
}
|
|
571
|
}
|
|
572
|
.btn {
|
|
573
|
border-radius: 3px;
|
|
574
|
}
|
|
575
|
.float-e-margins .btn {
|
|
576
|
margin-bottom: 5px;
|
|
577
|
}
|
|
578
|
.btn-w-m {
|
|
579
|
min-width: 120px;
|
|
580
|
}
|
|
581
|
.btn-primary.btn-outline {
|
|
582
|
color: #6098eb;
|
|
583
|
}
|
|
584
|
.btn-success.btn-outline {
|
|
585
|
color: #1c84c6;
|
|
586
|
}
|
|
587
|
.btn-info.btn-outline {
|
|
588
|
color: #23c6c8;
|
|
589
|
}
|
|
590
|
.btn-warning.btn-outline {
|
|
591
|
color: #f8ac59;
|
|
592
|
}
|
|
593
|
.btn-danger.btn-outline {
|
|
594
|
color: #ed5565;
|
|
595
|
}
|
|
596
|
.btn-primary.btn-outline:hover,
|
|
597
|
.btn-success.btn-outline:hover,
|
|
598
|
.btn-info.btn-outline:hover,
|
|
599
|
.btn-warning.btn-outline:hover,
|
|
600
|
.btn-danger.btn-outline:hover {
|
|
601
|
color: #fff;
|
|
602
|
}
|
|
603
|
.btn-primary {
|
|
604
|
background-color: #6098eb;
|
|
605
|
border-color: #6098eb;
|
|
606
|
color: #FFFFFF;
|
|
607
|
}
|
|
608
|
.btn-primary:hover,
|
|
609
|
.btn-primary:focus,
|
|
610
|
.btn-primary:active,
|
|
611
|
.btn-primary.active,
|
|
612
|
.open .dropdown-toggle.btn-primary,
|
|
613
|
.btn-primary:active:focus,
|
|
614
|
.btn-primary:active:hover,
|
|
615
|
.btn-primary.active:hover,
|
|
616
|
.btn-primary.active:focus {
|
|
617
|
background-color: #5d8bdf;
|
|
618
|
border-color: #5d8bdf;
|
|
619
|
color: #FFFFFF;
|
|
620
|
}
|
|
621
|
.btn-primary:active,
|
|
622
|
.btn-primary.active,
|
|
623
|
.open .dropdown-toggle.btn-primary {
|
|
624
|
background-image: none;
|
|
625
|
}
|
|
626
|
.btn-primary.disabled,
|
|
627
|
.btn-primary.disabled:hover,
|
|
628
|
.btn-primary.disabled:focus,
|
|
629
|
.btn-primary.disabled:active,
|
|
630
|
.btn-primary.disabled.active,
|
|
631
|
.btn-primary[disabled],
|
|
632
|
.btn-primary[disabled]:hover,
|
|
633
|
.btn-primary[disabled]:focus,
|
|
634
|
.btn-primary[disabled]:active,
|
|
635
|
.btn-primary.active[disabled],
|
|
636
|
fieldset[disabled] .btn-primary,
|
|
637
|
fieldset[disabled] .btn-primary:hover,
|
|
638
|
fieldset[disabled] .btn-primary:focus,
|
|
639
|
fieldset[disabled] .btn-primary:active,
|
|
640
|
fieldset[disabled] .btn-primary.active {
|
|
641
|
background-color: #1dc5a3;
|
|
642
|
border-color: #1dc5a3;
|
|
643
|
}
|
|
644
|
.btn-success {
|
|
645
|
background-color: #1c84c6;
|
|
646
|
border-color: #1c84c6;
|
|
647
|
color: #FFFFFF;
|
|
648
|
}
|
|
649
|
.btn-success:hover,
|
|
650
|
.btn-success:focus,
|
|
651
|
.btn-success:active,
|
|
652
|
.btn-success.active,
|
|
653
|
.open .dropdown-toggle.btn-success,
|
|
654
|
.btn-success:active:focus,
|
|
655
|
.btn-success:active:hover,
|
|
656
|
.btn-success.active:hover,
|
|
657
|
.btn-success.active:focus {
|
|
658
|
background-color: #1a7bb9;
|
|
659
|
border-color: #1a7bb9;
|
|
660
|
color: #FFFFFF;
|
|
661
|
}
|
|
662
|
.btn-success:active,
|
|
663
|
.btn-success.active,
|
|
664
|
.open .dropdown-toggle.btn-success {
|
|
665
|
background-image: none;
|
|
666
|
}
|
|
667
|
.btn-success.disabled,
|
|
668
|
.btn-success.disabled:hover,
|
|
669
|
.btn-success.disabled:focus,
|
|
670
|
.btn-success.disabled:active,
|
|
671
|
.btn-success.disabled.active,
|
|
672
|
.btn-success[disabled],
|
|
673
|
.btn-success[disabled]:hover,
|
|
674
|
.btn-success[disabled]:focus,
|
|
675
|
.btn-success[disabled]:active,
|
|
676
|
.btn-success.active[disabled],
|
|
677
|
fieldset[disabled] .btn-success,
|
|
678
|
fieldset[disabled] .btn-success:hover,
|
|
679
|
fieldset[disabled] .btn-success:focus,
|
|
680
|
fieldset[disabled] .btn-success:active,
|
|
681
|
fieldset[disabled] .btn-success.active {
|
|
682
|
background-color: #1f90d8;
|
|
683
|
border-color: #1f90d8;
|
|
684
|
}
|
|
685
|
.btn-info {
|
|
686
|
background-color: #23c6c8;
|
|
687
|
border-color: #23c6c8;
|
|
688
|
color: #FFFFFF;
|
|
689
|
}
|
|
690
|
.btn-info:hover,
|
|
691
|
.btn-info:focus,
|
|
692
|
.btn-info:active,
|
|
693
|
.btn-info.active,
|
|
694
|
.open .dropdown-toggle.btn-info,
|
|
695
|
.btn-info:active:focus,
|
|
696
|
.btn-info:active:hover,
|
|
697
|
.btn-info.active:hover,
|
|
698
|
.btn-info.active:focus {
|
|
699
|
background-color: #21b9bb;
|
|
700
|
border-color: #21b9bb;
|
|
701
|
color: #FFFFFF;
|
|
702
|
}
|
|
703
|
.btn-info:active,
|
|
704
|
.btn-info.active,
|
|
705
|
.open .dropdown-toggle.btn-info {
|
|
706
|
background-image: none;
|
|
707
|
}
|
|
708
|
.btn-info.disabled,
|
|
709
|
.btn-info.disabled:hover,
|
|
710
|
.btn-info.disabled:focus,
|
|
711
|
.btn-info.disabled:active,
|
|
712
|
.btn-info.disabled.active,
|
|
713
|
.btn-info[disabled],
|
|
714
|
.btn-info[disabled]:hover,
|
|
715
|
.btn-info[disabled]:focus,
|
|
716
|
.btn-info[disabled]:active,
|
|
717
|
.btn-info.active[disabled],
|
|
718
|
fieldset[disabled] .btn-info,
|
|
719
|
fieldset[disabled] .btn-info:hover,
|
|
720
|
fieldset[disabled] .btn-info:focus,
|
|
721
|
fieldset[disabled] .btn-info:active,
|
|
722
|
fieldset[disabled] .btn-info.active {
|
|
723
|
background-color: #26d7d9;
|
|
724
|
border-color: #26d7d9;
|
|
725
|
}
|
|
726
|
.btn-default {
|
|
727
|
background-color: #c2c2c2;
|
|
728
|
border-color: #c2c2c2;
|
|
729
|
color: #FFFFFF;
|
|
730
|
}
|
|
731
|
.btn-default:hover,
|
|
732
|
.btn-default:focus,
|
|
733
|
.btn-default:active,
|
|
734
|
.btn-default.active,
|
|
735
|
.open .dropdown-toggle.btn-default,
|
|
736
|
.btn-default:active:focus,
|
|
737
|
.btn-default:active:hover,
|
|
738
|
.btn-default.active:hover,
|
|
739
|
.btn-default.active:focus {
|
|
740
|
background-color: #bababa;
|
|
741
|
border-color: #bababa;
|
|
742
|
color: #FFFFFF;
|
|
743
|
}
|
|
744
|
.btn-default:active,
|
|
745
|
.btn-default.active,
|
|
746
|
.open .dropdown-toggle.btn-default {
|
|
747
|
background-image: none;
|
|
748
|
}
|
|
749
|
.btn-default.disabled,
|
|
750
|
.btn-default.disabled:hover,
|
|
751
|
.btn-default.disabled:focus,
|
|
752
|
.btn-default.disabled:active,
|
|
753
|
.btn-default.disabled.active,
|
|
754
|
.btn-default[disabled],
|
|
755
|
.btn-default[disabled]:hover,
|
|
756
|
.btn-default[disabled]:focus,
|
|
757
|
.btn-default[disabled]:active,
|
|
758
|
.btn-default.active[disabled],
|
|
759
|
fieldset[disabled] .btn-default,
|
|
760
|
fieldset[disabled] .btn-default:hover,
|
|
761
|
fieldset[disabled] .btn-default:focus,
|
|
762
|
fieldset[disabled] .btn-default:active,
|
|
763
|
fieldset[disabled] .btn-default.active {
|
|
764
|
background-color: #cccccc;
|
|
765
|
border-color: #cccccc;
|
|
766
|
}
|
|
767
|
.btn-warning {
|
|
768
|
background-color: #f8ac59;
|
|
769
|
border-color: #f8ac59;
|
|
770
|
color: #FFFFFF;
|
|
771
|
}
|
|
772
|
.btn-warning:hover,
|
|
773
|
.btn-warning:focus,
|
|
774
|
.btn-warning:active,
|
|
775
|
.btn-warning.active,
|
|
776
|
.open .dropdown-toggle.btn-warning,
|
|
777
|
.btn-warning:active:focus,
|
|
778
|
.btn-warning:active:hover,
|
|
779
|
.btn-warning.active:hover,
|
|
780
|
.btn-warning.active:focus {
|
|
781
|
background-color: #f7a54a;
|
|
782
|
border-color: #f7a54a;
|
|
783
|
color: #FFFFFF;
|
|
784
|
}
|
|
785
|
.btn-warning:active,
|
|
786
|
.btn-warning.active,
|
|
787
|
.open .dropdown-toggle.btn-warning {
|
|
788
|
background-image: none;
|
|
789
|
}
|
|
790
|
.btn-warning.disabled,
|
|
791
|
.btn-warning.disabled:hover,
|
|
792
|
.btn-warning.disabled:focus,
|
|
793
|
.btn-warning.disabled:active,
|
|
794
|
.btn-warning.disabled.active,
|
|
795
|
.btn-warning[disabled],
|
|
796
|
.btn-warning[disabled]:hover,
|
|
797
|
.btn-warning[disabled]:focus,
|
|
798
|
.btn-warning[disabled]:active,
|
|
799
|
.btn-warning.active[disabled],
|
|
800
|
fieldset[disabled] .btn-warning,
|
|
801
|
fieldset[disabled] .btn-warning:hover,
|
|
802
|
fieldset[disabled] .btn-warning:focus,
|
|
803
|
fieldset[disabled] .btn-warning:active,
|
|
804
|
fieldset[disabled] .btn-warning.active {
|
|
805
|
background-color: #f9b66d;
|
|
806
|
border-color: #f9b66d;
|
|
807
|
}
|
|
808
|
.btn-danger {
|
|
809
|
background-color: #ed5565;
|
|
810
|
border-color: #ed5565;
|
|
811
|
color: #FFFFFF;
|
|
812
|
}
|
|
813
|
.btn-danger:hover,
|
|
814
|
.btn-danger:focus,
|
|
815
|
.btn-danger:active,
|
|
816
|
.btn-danger.active,
|
|
817
|
.open .dropdown-toggle.btn-danger,
|
|
818
|
.btn-danger:active:focus,
|
|
819
|
.btn-danger:active:hover,
|
|
820
|
.btn-danger.active:hover,
|
|
821
|
.btn-danger.active:focus {
|
|
822
|
background-color: #ec4758;
|
|
823
|
border-color: #ec4758;
|
|
824
|
color: #FFFFFF;
|
|
825
|
}
|
|
826
|
.btn-danger:active,
|
|
827
|
.btn-danger.active,
|
|
828
|
.open .dropdown-toggle.btn-danger {
|
|
829
|
background-image: none;
|
|
830
|
}
|
|
831
|
.btn-danger.disabled,
|
|
832
|
.btn-danger.disabled:hover,
|
|
833
|
.btn-danger.disabled:focus,
|
|
834
|
.btn-danger.disabled:active,
|
|
835
|
.btn-danger.disabled.active,
|
|
836
|
.btn-danger[disabled],
|
|
837
|
.btn-danger[disabled]:hover,
|
|
838
|
.btn-danger[disabled]:focus,
|
|
839
|
.btn-danger[disabled]:active,
|
|
840
|
.btn-danger.active[disabled],
|
|
841
|
fieldset[disabled] .btn-danger,
|
|
842
|
fieldset[disabled] .btn-danger:hover,
|
|
843
|
fieldset[disabled] .btn-danger:focus,
|
|
844
|
fieldset[disabled] .btn-danger:active,
|
|
845
|
fieldset[disabled] .btn-danger.active {
|
|
846
|
background-color: #ef6776;
|
|
847
|
border-color: #ef6776;
|
|
848
|
}
|
|
849
|
.btn-link {
|
|
850
|
color: inherit;
|
|
851
|
}
|
|
852
|
.btn-link:hover,
|
|
853
|
.btn-link:focus,
|
|
854
|
.btn-link:active,
|
|
855
|
.btn-link.active,
|
|
856
|
.open .dropdown-toggle.btn-link {
|
|
857
|
color: #6098eb;
|
|
858
|
text-decoration: none;
|
|
859
|
}
|
|
860
|
.btn-link:active,
|
|
861
|
.btn-link.active,
|
|
862
|
.open .dropdown-toggle.btn-link {
|
|
863
|
background-image: none;
|
|
864
|
}
|
|
865
|
.btn-link.disabled,
|
|
866
|
.btn-link.disabled:hover,
|
|
867
|
.btn-link.disabled:focus,
|
|
868
|
.btn-link.disabled:active,
|
|
869
|
.btn-link.disabled.active,
|
|
870
|
.btn-link[disabled],
|
|
871
|
.btn-link[disabled]:hover,
|
|
872
|
.btn-link[disabled]:focus,
|
|
873
|
.btn-link[disabled]:active,
|
|
874
|
.btn-link.active[disabled],
|
|
875
|
fieldset[disabled] .btn-link,
|
|
876
|
fieldset[disabled] .btn-link:hover,
|
|
877
|
fieldset[disabled] .btn-link:focus,
|
|
878
|
fieldset[disabled] .btn-link:active,
|
|
879
|
fieldset[disabled] .btn-link.active {
|
|
880
|
color: #cacaca;
|
|
881
|
}
|
|
882
|
.btn-white {
|
|
883
|
color: inherit;
|
|
884
|
background: white;
|
|
885
|
border: 1px solid #e7eaec;
|
|
886
|
}
|
|
887
|
.btn-white:hover,
|
|
888
|
.btn-white:focus,
|
|
889
|
.btn-white:active,
|
|
890
|
.btn-white.active,
|
|
891
|
.open .dropdown-toggle.btn-white,
|
|
892
|
.btn-white:active:focus,
|
|
893
|
.btn-white:active:hover,
|
|
894
|
.btn-white.active:hover,
|
|
895
|
.btn-white.active:focus {
|
|
896
|
color: inherit;
|
|
897
|
border: 1px solid #d2d2d2;
|
|
898
|
}
|
|
899
|
.btn-white:active,
|
|
900
|
.btn-white.active {
|
|
901
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
|
902
|
}
|
|
903
|
.btn-white:active,
|
|
904
|
.btn-white.active,
|
|
905
|
.open .dropdown-toggle.btn-white {
|
|
906
|
background-image: none;
|
|
907
|
}
|
|
908
|
.btn-white.disabled,
|
|
909
|
.btn-white.disabled:hover,
|
|
910
|
.btn-white.disabled:focus,
|
|
911
|
.btn-white.disabled:active,
|
|
912
|
.btn-white.disabled.active,
|
|
913
|
.btn-white[disabled],
|
|
914
|
.btn-white[disabled]:hover,
|
|
915
|
.btn-white[disabled]:focus,
|
|
916
|
.btn-white[disabled]:active,
|
|
917
|
.btn-white.active[disabled],
|
|
918
|
fieldset[disabled] .btn-white,
|
|
919
|
fieldset[disabled] .btn-white:hover,
|
|
920
|
fieldset[disabled] .btn-white:focus,
|
|
921
|
fieldset[disabled] .btn-white:active,
|
|
922
|
fieldset[disabled] .btn-white.active {
|
|
923
|
color: #cacaca;
|
|
924
|
}
|
|
925
|
.form-control,
|
|
926
|
.form-control:focus,
|
|
927
|
.has-error .form-control:focus,
|
|
928
|
.has-success .form-control:focus,
|
|
929
|
.has-warning .form-control:focus,
|
|
930
|
.navbar-collapse,
|
|
931
|
.navbar-form,
|
|
932
|
.navbar-form-custom .form-control:focus,
|
|
933
|
.navbar-form-custom .form-control:hover,
|
|
934
|
.open .btn.dropdown-toggle,
|
|
935
|
.panel,
|
|
936
|
.popover,
|
|
937
|
.progress,
|
|
938
|
.progress-bar {
|
|
939
|
box-shadow: none;
|
|
940
|
}
|
|
941
|
.btn-outline {
|
|
942
|
color: inherit;
|
|
943
|
background-color: transparent;
|
|
944
|
transition: all .5s;
|
|
945
|
}
|
|
946
|
.btn-rounded {
|
|
947
|
border-radius: 50px;
|
|
948
|
}
|
|
949
|
.btn-large-dim {
|
|
950
|
width: 90px;
|
|
951
|
height: 90px;
|
|
952
|
font-size: 42px;
|
|
953
|
}
|
|
954
|
button.dim {
|
|
955
|
display: inline-block;
|
|
956
|
color: #fff;
|
|
957
|
text-decoration: none;
|
|
958
|
text-transform: uppercase;
|
|
959
|
text-align: center;
|
|
960
|
padding-top: 6px;
|
|
961
|
margin-right: 10px;
|
|
962
|
position: relative;
|
|
963
|
cursor: pointer;
|
|
964
|
border-radius: 5px;
|
|
965
|
font-weight: 600;
|
|
966
|
margin-bottom: 20px !important;
|
|
967
|
}
|
|
968
|
button.dim:active {
|
|
969
|
top: 3px;
|
|
970
|
}
|
|
971
|
button.btn-primary.dim {
|
|
972
|
box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
|
|
973
|
}
|
|
974
|
button.btn-primary.dim:active {
|
|
975
|
box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
|
|
976
|
}
|
|
977
|
button.btn-default.dim {
|
|
978
|
box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
|
|
979
|
}
|
|
980
|
button.btn-default.dim:active {
|
|
981
|
box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
|
|
982
|
}
|
|
983
|
button.btn-warning.dim {
|
|
984
|
box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
|
|
985
|
}
|
|
986
|
button.btn-warning.dim:active {
|
|
987
|
box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
|
|
988
|
}
|
|
989
|
button.btn-info.dim {
|
|
990
|
box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
|
|
991
|
}
|
|
992
|
button.btn-info.dim:active {
|
|
993
|
box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
|
|
994
|
}
|
|
995
|
button.btn-success.dim {
|
|
996
|
box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
|
|
997
|
}
|
|
998
|
button.btn-success.dim:active {
|
|
999
|
box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
|
|
1000
|
}
|
|
1001
|
button.btn-danger.dim {
|
|
1002
|
box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
|
|
1003
|
}
|
|
1004
|
button.btn-danger.dim:active {
|
|
1005
|
box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
|
|
1006
|
}
|
|
1007
|
button.dim:before {
|
|
1008
|
font-size: 50px;
|
|
1009
|
line-height: 1em;
|
|
1010
|
font-weight: normal;
|
|
1011
|
color: #fff;
|
|
1012
|
display: block;
|
|
1013
|
padding-top: 10px;
|
|
1014
|
}
|
|
1015
|
button.dim:active:before {
|
|
1016
|
top: 7px;
|
|
1017
|
font-size: 50px;
|
|
1018
|
}
|
|
1019
|
.label {
|
|
1020
|
background-color: #d1dade;
|
|
1021
|
color: #5e5e5e;
|
|
1022
|
font-family: 'Open Sans';
|
|
1023
|
font-size: 10px;
|
|
1024
|
font-weight: 600;
|
|
1025
|
padding: 3px 8px;
|
|
1026
|
text-shadow: none;
|
|
1027
|
}
|
|
1028
|
.badge {
|
|
1029
|
background-color: #d1dade;
|
|
1030
|
color: #5e5e5e;
|
|
1031
|
font-family: 'Open Sans';
|
|
1032
|
font-size: 11px;
|
|
1033
|
font-weight: 600;
|
|
1034
|
padding-bottom: 4px;
|
|
1035
|
padding-left: 6px;
|
|
1036
|
padding-right: 6px;
|
|
1037
|
text-shadow: none;
|
|
1038
|
}
|
|
1039
|
.label-primary,
|
|
1040
|
.badge-primary {
|
|
1041
|
background-color: #6098eb;
|
|
1042
|
color: #FFFFFF;
|
|
1043
|
}
|
|
1044
|
.label-success,
|
|
1045
|
.badge-success {
|
|
1046
|
background-color: #1c84c6;
|
|
1047
|
color: #FFFFFF;
|
|
1048
|
}
|
|
1049
|
.label-warning,
|
|
1050
|
.badge-warning {
|
|
1051
|
background-color: #f8ac59;
|
|
1052
|
color: #FFFFFF;
|
|
1053
|
}
|
|
1054
|
.label-warning-light,
|
|
1055
|
.badge-warning-light {
|
|
1056
|
background-color: #f8ac59;
|
|
1057
|
color: #ffffff;
|
|
1058
|
}
|
|
1059
|
.label-danger,
|
|
1060
|
.badge-danger {
|
|
1061
|
background-color: #ed5565;
|
|
1062
|
color: #FFFFFF;
|
|
1063
|
}
|
|
1064
|
.label-info,
|
|
1065
|
.badge-info {
|
|
1066
|
background-color: #23c6c8;
|
|
1067
|
color: #FFFFFF;
|
|
1068
|
}
|
|
1069
|
.label-inverse,
|
|
1070
|
.badge-inverse {
|
|
1071
|
background-color: #262626;
|
|
1072
|
color: #FFFFFF;
|
|
1073
|
}
|
|
1074
|
.label-white,
|
|
1075
|
.badge-white {
|
|
1076
|
background-color: #FFFFFF;
|
|
1077
|
color: #5E5E5E;
|
|
1078
|
}
|
|
1079
|
.label-white,
|
|
1080
|
.badge-disable {
|
|
1081
|
background-color: #2A2E36;
|
|
1082
|
color: #8B91A0;
|
|
1083
|
}
|
|
1084
|
/* TOOGLE SWICH */
|
|
1085
|
.onoffswitch {
|
|
1086
|
position: relative;
|
|
1087
|
width: 64px;
|
|
1088
|
-webkit-user-select: none;
|
|
1089
|
-moz-user-select: none;
|
|
1090
|
-ms-user-select: none;
|
|
1091
|
}
|
|
1092
|
.onoffswitch-checkbox {
|
|
1093
|
display: none;
|
|
1094
|
}
|
|
1095
|
.onoffswitch-label {
|
|
1096
|
display: block;
|
|
1097
|
overflow: hidden;
|
|
1098
|
cursor: pointer;
|
|
1099
|
border: 2px solid #6098eb;
|
|
1100
|
border-radius: 2px;
|
|
1101
|
}
|
|
1102
|
.onoffswitch-inner {
|
|
1103
|
width: 200%;
|
|
1104
|
margin-left: -100%;
|
|
1105
|
-moz-transition: margin 0.3s ease-in 0s;
|
|
1106
|
-webkit-transition: margin 0.3s ease-in 0s;
|
|
1107
|
-o-transition: margin 0.3s ease-in 0s;
|
|
1108
|
transition: margin 0.3s ease-in 0s;
|
|
1109
|
}
|
|
1110
|
.onoffswitch-inner:before,
|
|
1111
|
.onoffswitch-inner:after {
|
|
1112
|
float: left;
|
|
1113
|
width: 50%;
|
|
1114
|
height: 20px;
|
|
1115
|
padding: 0;
|
|
1116
|
line-height: 20px;
|
|
1117
|
font-size: 12px;
|
|
1118
|
color: white;
|
|
1119
|
font-family: Trebuchet, Arial, sans-serif;
|
|
1120
|
font-weight: bold;
|
|
1121
|
-moz-box-sizing: border-box;
|
|
1122
|
-webkit-box-sizing: border-box;
|
|
1123
|
box-sizing: border-box;
|
|
1124
|
}
|
|
1125
|
.onoffswitch-inner:before {
|
|
1126
|
content: "ON";
|
|
1127
|
padding-left: 10px;
|
|
1128
|
background-color: #6098eb;
|
|
1129
|
color: #FFFFFF;
|
|
1130
|
}
|
|
1131
|
.onoffswitch-inner:after {
|
|
1132
|
content: "OFF";
|
|
1133
|
padding-right: 10px;
|
|
1134
|
background-color: #FFFFFF;
|
|
1135
|
color: #999999;
|
|
1136
|
text-align: right;
|
|
1137
|
}
|
|
1138
|
.onoffswitch-switch {
|
|
1139
|
width: 20px;
|
|
1140
|
margin: 0px;
|
|
1141
|
background: #FFFFFF;
|
|
1142
|
border: 2px solid #6098eb;
|
|
1143
|
border-radius: 2px;
|
|
1144
|
position: absolute;
|
|
1145
|
top: 0;
|
|
1146
|
bottom: 0;
|
|
1147
|
right: 44px;
|
|
1148
|
-moz-transition: all 0.3s ease-in 0s;
|
|
1149
|
-webkit-transition: all 0.3s ease-in 0s;
|
|
1150
|
-o-transition: all 0.3s ease-in 0s;
|
|
1151
|
transition: all 0.3s ease-in 0s;
|
|
1152
|
}
|
|
1153
|
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
|
|
1154
|
margin-left: 0;
|
|
1155
|
}
|
|
1156
|
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
|
|
1157
|
right: 0px;
|
|
1158
|
}
|
|
1159
|
/* CHOSEN PLUGIN */
|
|
1160
|
.chosen-container-single .chosen-single {
|
|
1161
|
background: #ffffff;
|
|
1162
|
box-shadow: none;
|
|
1163
|
-moz-box-sizing: border-box;
|
|
1164
|
background-color: #FFFFFF;
|
|
1165
|
border: 1px solid #CBD5DD;
|
|
1166
|
border-radius: 2px;
|
|
1167
|
cursor: text;
|
|
1168
|
height: auto !important;
|
|
1169
|
margin: 0;
|
|
1170
|
min-height: 30px;
|
|
1171
|
overflow: hidden;
|
|
1172
|
padding: 4px 12px;
|
|
1173
|
position: relative;
|
|
1174
|
width: 100%;
|
|
1175
|
}
|
|
1176
|
.chosen-container-multi .chosen-choices li.search-choice {
|
|
1177
|
background: #f1f1f1;
|
|
1178
|
border: 1px solid #ededed;
|
|
1179
|
border-radius: 2px;
|
|
1180
|
box-shadow: none;
|
|
1181
|
color: #333333;
|
|
1182
|
cursor: default;
|
|
1183
|
line-height: 13px;
|
|
1184
|
margin: 3px 0 3px 5px;
|
|
1185
|
padding: 3px 20px 3px 5px;
|
|
1186
|
position: relative;
|
|
1187
|
}
|
|
1188
|
/* PAGINATIN */
|
|
1189
|
.pagination > .active > a,
|
|
1190
|
.pagination > .active > span,
|
|
1191
|
.pagination > .active > a:hover,
|
|
1192
|
.pagination > .active > span:hover,
|
|
1193
|
.pagination > .active > a:focus,
|
|
1194
|
.pagination > .active > span:focus {
|
|
1195
|
background-color: #f4f4f4;
|
|
1196
|
border-color: #DDDDDD;
|
|
1197
|
color: inherit;
|
|
1198
|
cursor: default;
|
|
1199
|
z-index: 2;
|
|
1200
|
}
|
|
1201
|
.pagination > li > a,
|
|
1202
|
.pagination > li > span {
|
|
1203
|
background-color: #FFFFFF;
|
|
1204
|
border: 1px solid #DDDDDD;
|
|
1205
|
color: inherit;
|
|
1206
|
float: left;
|
|
1207
|
line-height: 1.42857;
|
|
1208
|
margin-left: -1px;
|
|
1209
|
padding: 4px 10px;
|
|
1210
|
position: relative;
|
|
1211
|
text-decoration: none;
|
|
1212
|
}
|
|
1213
|
/* TOOLTIPS */
|
|
1214
|
.tooltip-inner {
|
|
1215
|
background-color: #2F4050;
|
|
1216
|
}
|
|
1217
|
.tooltip.top .tooltip-arrow {
|
|
1218
|
border-top-color: #2F4050;
|
|
1219
|
}
|
|
1220
|
.tooltip.right .tooltip-arrow {
|
|
1221
|
border-right-color: #2F4050;
|
|
1222
|
}
|
|
1223
|
.tooltip.bottom .tooltip-arrow {
|
|
1224
|
border-bottom-color: #2F4050;
|
|
1225
|
}
|
|
1226
|
.tooltip.left .tooltip-arrow {
|
|
1227
|
border-left-color: #2F4050;
|
|
1228
|
}
|
|
1229
|
/* EASY PIE CHART*/
|
|
1230
|
.easypiechart {
|
|
1231
|
position: relative;
|
|
1232
|
text-align: center;
|
|
1233
|
}
|
|
1234
|
.easypiechart .h2 {
|
|
1235
|
margin-left: 10px;
|
|
1236
|
margin-top: 10px;
|
|
1237
|
display: inline-block;
|
|
1238
|
}
|
|
1239
|
.easypiechart canvas {
|
|
1240
|
top: 0;
|
|
1241
|
left: 0;
|
|
1242
|
}
|
|
1243
|
.easypiechart .easypie-text {
|
|
1244
|
line-height: 1;
|
|
1245
|
position: absolute;
|
|
1246
|
top: 33px;
|
|
1247
|
width: 100%;
|
|
1248
|
z-index: 1;
|
|
1249
|
}
|
|
1250
|
.easypiechart img {
|
|
1251
|
margin-top: -4px;
|
|
1252
|
}
|
|
1253
|
.jqstooltip {
|
|
1254
|
-webkit-box-sizing: content-box;
|
|
1255
|
-moz-box-sizing: content-box;
|
|
1256
|
box-sizing: content-box;
|
|
1257
|
}
|
|
1258
|
/* FULLCALENDAR */
|
|
1259
|
.fc-state-default {
|
|
1260
|
background-color: #ffffff;
|
|
1261
|
background-image: none;
|
|
1262
|
background-repeat: repeat-x;
|
|
1263
|
box-shadow: none;
|
|
1264
|
color: #333333;
|
|
1265
|
text-shadow: none;
|
|
1266
|
}
|
|
1267
|
.fc-state-default {
|
|
1268
|
border: 1px solid;
|
|
1269
|
}
|
|
1270
|
.fc-button {
|
|
1271
|
color: inherit;
|
|
1272
|
border: 1px solid #e7eaec;
|
|
1273
|
cursor: pointer;
|
|
1274
|
display: inline-block;
|
|
1275
|
height: 1.9em;
|
|
1276
|
line-height: 1.9em;
|
|
1277
|
overflow: hidden;
|
|
1278
|
padding: 0 0.6em;
|
|
1279
|
position: relative;
|
|
1280
|
white-space: nowrap;
|
|
1281
|
}
|
|
1282
|
.fc-state-active {
|
|
1283
|
background-color: #6098eb;
|
|
1284
|
border-color: #6098eb;
|
|
1285
|
color: #ffffff;
|
|
1286
|
}
|
|
1287
|
.fc-header-title h2 {
|
|
1288
|
font-size: 16px;
|
|
1289
|
font-weight: 600;
|
|
1290
|
color: inherit;
|
|
1291
|
}
|
|
1292
|
.fc-content .fc-widget-header,
|
|
1293
|
.fc-content .fc-widget-content {
|
|
1294
|
border-color: #e7eaec;
|
|
1295
|
font-weight: normal;
|
|
1296
|
}
|
|
1297
|
.fc-border-separate tbody {
|
|
1298
|
background-color: #F8F8F8;
|
|
1299
|
}
|
|
1300
|
.fc-state-highlight {
|
|
1301
|
background: none repeat scroll 0 0 #FCF8E3;
|
|
1302
|
}
|
|
1303
|
.external-event {
|
|
1304
|
padding: 5px 10px;
|
|
1305
|
border-radius: 2px;
|
|
1306
|
cursor: pointer;
|
|
1307
|
margin-bottom: 5px;
|
|
1308
|
}
|
|
1309
|
.fc-ltr .fc-event-hori.fc-event-end,
|
|
1310
|
.fc-rtl .fc-event-hori.fc-event-start {
|
|
1311
|
border-radius: 2px;
|
|
1312
|
}
|
|
1313
|
.fc-event,
|
|
1314
|
.fc-agenda .fc-event-time,
|
|
1315
|
.fc-event a {
|
|
1316
|
padding: 4px 6px;
|
|
1317
|
background-color: #6098eb;
|
|
1318
|
/* background color */
|
|
1319
|
border-color: #6098eb;
|
|
1320
|
/* border color */
|
|
1321
|
}
|
|
1322
|
.fc-event-time,
|
|
1323
|
.fc-event-title {
|
|
1324
|
color: #717171;
|
|
1325
|
padding: 0 1px;
|
|
1326
|
}
|
|
1327
|
.ui-calendar .fc-event-time,
|
|
1328
|
.ui-calendar .fc-event-title {
|
|
1329
|
color: #fff;
|
|
1330
|
}
|
|
1331
|
/* Chat */
|
|
1332
|
.chat-activity-list .chat-element {
|
|
1333
|
border-bottom: 1px solid #e7eaec;
|
|
1334
|
}
|
|
1335
|
.chat-element:first-child {
|
|
1336
|
margin-top: 0;
|
|
1337
|
}
|
|
1338
|
.chat-element {
|
|
1339
|
padding-bottom: 15px;
|
|
1340
|
}
|
|
1341
|
.chat-element,
|
|
1342
|
.chat-element .media {
|
|
1343
|
margin-top: 15px;
|
|
1344
|
}
|
|
1345
|
.chat-element,
|
|
1346
|
.media-body {
|
|
1347
|
overflow: hidden;
|
|
1348
|
}
|
|
1349
|
.media-body {
|
|
1350
|
display: block;
|
|
1351
|
width: auto;
|
|
1352
|
}
|
|
1353
|
.chat-element > .pull-left {
|
|
1354
|
margin-right: 10px;
|
|
1355
|
}
|
|
1356
|
.chat-element img.img-circle,
|
|
1357
|
.dropdown-messages-box img.img-circle {
|
|
1358
|
width: 38px;
|
|
1359
|
height: 38px;
|
|
1360
|
}
|
|
1361
|
.chat-element .well {
|
|
1362
|
border: 1px solid #e7eaec;
|
|
1363
|
box-shadow: none;
|
|
1364
|
margin-top: 10px;
|
|
1365
|
margin-bottom: 5px;
|
|
1366
|
padding: 10px 20px;
|
|
1367
|
font-size: 11px;
|
|
1368
|
line-height: 16px;
|
|
1369
|
}
|
|
1370
|
.chat-element .actions {
|
|
1371
|
margin-top: 10px;
|
|
1372
|
}
|
|
1373
|
.chat-element .photos {
|
|
1374
|
margin: 10px 0;
|
|
1375
|
}
|
|
1376
|
.right.chat-element > .pull-right {
|
|
1377
|
margin-left: 10px;
|
|
1378
|
}
|
|
1379
|
.chat-photo {
|
|
1380
|
max-height: 180px;
|
|
1381
|
border-radius: 4px;
|
|
1382
|
overflow: hidden;
|
|
1383
|
margin-right: 10px;
|
|
1384
|
margin-bottom: 10px;
|
|
1385
|
}
|
|
1386
|
.chat {
|
|
1387
|
margin: 0;
|
|
1388
|
padding: 0;
|
|
1389
|
list-style: none;
|
|
1390
|
}
|
|
1391
|
.chat li {
|
|
1392
|
margin-bottom: 10px;
|
|
1393
|
padding-bottom: 5px;
|
|
1394
|
border-bottom: 1px dotted #B3A9A9;
|
|
1395
|
}
|
|
1396
|
.chat li.left .chat-body {
|
|
1397
|
margin-left: 60px;
|
|
1398
|
}
|
|
1399
|
.chat li.right .chat-body {
|
|
1400
|
margin-right: 60px;
|
|
1401
|
}
|
|
1402
|
.chat li .chat-body p {
|
|
1403
|
margin: 0;
|
|
1404
|
color: #777777;
|
|
1405
|
}
|
|
1406
|
.panel .slidedown .glyphicon,
|
|
1407
|
.chat .glyphicon {
|
|
1408
|
margin-right: 5px;
|
|
1409
|
}
|
|
1410
|
.chat-panel .panel-body {
|
|
1411
|
height: 350px;
|
|
1412
|
overflow-y: scroll;
|
|
1413
|
}
|
|
1414
|
/* LIST GROUP */
|
|
1415
|
a.list-group-item.active,
|
|
1416
|
a.list-group-item.active:hover,
|
|
1417
|
a.list-group-item.active:focus {
|
|
1418
|
background-color: #6098eb;
|
|
1419
|
border-color: #6098eb;
|
|
1420
|
color: #FFFFFF;
|
|
1421
|
z-index: 2;
|
|
1422
|
}
|
|
1423
|
.list-group-item-heading {
|
|
1424
|
margin-top: 10px;
|
|
1425
|
}
|
|
1426
|
.list-group-item-text {
|
|
1427
|
margin: 0 0 10px;
|
|
1428
|
color: inherit;
|
|
1429
|
font-size: 12px;
|
|
1430
|
line-height: inherit;
|
|
1431
|
}
|
|
1432
|
.no-padding .list-group-item {
|
|
1433
|
border-left: none;
|
|
1434
|
border-right: none;
|
|
1435
|
border-bottom: none;
|
|
1436
|
}
|
|
1437
|
.no-padding .list-group-item:first-child {
|
|
1438
|
border-left: none;
|
|
1439
|
border-right: none;
|
|
1440
|
border-bottom: none;
|
|
1441
|
border-top: none;
|
|
1442
|
}
|
|
1443
|
.no-padding .list-group {
|
|
1444
|
margin-bottom: 0;
|
|
1445
|
}
|
|
1446
|
.list-group-item {
|
|
1447
|
background-color: inherit;
|
|
1448
|
border: 1px solid #e7eaec;
|
|
1449
|
display: block;
|
|
1450
|
margin-bottom: -1px;
|
|
1451
|
padding: 10px 15px;
|
|
1452
|
position: relative;
|
|
1453
|
}
|
|
1454
|
.elements-list .list-group-item {
|
|
1455
|
border-left: none;
|
|
1456
|
border-right: none;
|
|
1457
|
/*border-top: none;*/
|
|
1458
|
padding: 15px 25px;
|
|
1459
|
}
|
|
1460
|
.elements-list .list-group-item:first-child {
|
|
1461
|
border-left: none;
|
|
1462
|
border-right: none;
|
|
1463
|
border-top: none !important;
|
|
1464
|
}
|
|
1465
|
.elements-list .list-group {
|
|
1466
|
margin-bottom: 0;
|
|
1467
|
}
|
|
1468
|
.elements-list a {
|
|
1469
|
color: inherit;
|
|
1470
|
}
|
|
1471
|
.elements-list .list-group-item.active,
|
|
1472
|
.elements-list .list-group-item:hover {
|
|
1473
|
background: #f3f3f4;
|
|
1474
|
color: inherit;
|
|
1475
|
border-color: #e7eaec;
|
|
1476
|
/*border-bottom: 1px solid #e7eaec;*/
|
|
1477
|
/*border-top: 1px solid #e7eaec;*/
|
|
1478
|
border-radius: 0;
|
|
1479
|
}
|
|
1480
|
.elements-list li.active {
|
|
1481
|
transition: none;
|
|
1482
|
}
|
|
1483
|
.element-detail-box {
|
|
1484
|
padding: 25px;
|
|
1485
|
}
|
|
1486
|
/* FLOT CHART */
|
|
1487
|
.flot-chart {
|
|
1488
|
display: block;
|
|
1489
|
height: 200px;
|
|
1490
|
}
|
|
1491
|
.widget .flot-chart.dashboard-chart {
|
|
1492
|
display: block;
|
|
1493
|
height: 120px;
|
|
1494
|
margin-top: 40px;
|
|
1495
|
}
|
|
1496
|
.flot-chart.dashboard-chart {
|
|
1497
|
display: block;
|
|
1498
|
height: 180px;
|
|
1499
|
margin-top: 40px;
|
|
1500
|
}
|
|
1501
|
.flot-chart-content {
|
|
1502
|
width: 100%;
|
|
1503
|
height: 100%;
|
|
1504
|
}
|
|
1505
|
.flot-chart-pie-content {
|
|
1506
|
width: 200px;
|
|
1507
|
height: 200px;
|
|
1508
|
margin: auto;
|
|
1509
|
}
|
|
1510
|
.jqstooltip {
|
|
1511
|
position: absolute;
|
|
1512
|
display: block;
|
|
1513
|
left: 0px;
|
|
1514
|
top: 0px;
|
|
1515
|
visibility: hidden;
|
|
1516
|
background: #2b303a;
|
|
1517
|
background-color: rgba(43, 48, 58, 0.8);
|
|
1518
|
color: white;
|
|
1519
|
text-align: left;
|
|
1520
|
white-space: nowrap;
|
|
1521
|
z-index: 10000;
|
|
1522
|
padding: 5px 5px 5px 5px;
|
|
1523
|
min-height: 22px;
|
|
1524
|
border-radius: 3px;
|
|
1525
|
}
|
|
1526
|
.jqsfield {
|
|
1527
|
color: white;
|
|
1528
|
text-align: left;
|
|
1529
|
}
|
|
1530
|
.h-200 {
|
|
1531
|
min-height: 200px;
|
|
1532
|
}
|
|
1533
|
.legendLabel {
|
|
1534
|
padding-left: 5px;
|
|
1535
|
}
|
|
1536
|
.stat-list li:first-child {
|
|
1537
|
margin-top: 0;
|
|
1538
|
}
|
|
1539
|
.stat-list {
|
|
1540
|
list-style: none;
|
|
1541
|
padding: 0;
|
|
1542
|
margin: 0;
|
|
1543
|
}
|
|
1544
|
.stat-percent {
|
|
1545
|
float: right;
|
|
1546
|
}
|
|
1547
|
.stat-list li {
|
|
1548
|
margin-top: 15px;
|
|
1549
|
position: relative;
|
|
1550
|
}
|
|
1551
|
/* DATATABLES */
|
|
1552
|
table.dataTable thead .sorting,
|
|
1553
|
table.dataTable thead .sorting_asc:after,
|
|
1554
|
table.dataTable thead .sorting_desc,
|
|
1555
|
table.dataTable thead .sorting_asc_disabled,
|
|
1556
|
table.dataTable thead .sorting_desc_disabled {
|
|
1557
|
background: transparent;
|
|
1558
|
}
|
|
1559
|
.dataTables_wrapper {
|
|
1560
|
padding-bottom: 30px;
|
|
1561
|
}
|
|
1562
|
.dataTables_length {
|
|
1563
|
float: left;
|
|
1564
|
}
|
|
1565
|
body.DTTT_Print {
|
|
1566
|
background: #fff;
|
|
1567
|
}
|
|
1568
|
.DTTT_Print #page-wrapper {
|
|
1569
|
margin: 0;
|
|
1570
|
background: #fff;
|
|
1571
|
}
|
|
1572
|
button.DTTT_button,
|
|
1573
|
div.DTTT_button,
|
|
1574
|
a.DTTT_button {
|
|
1575
|
border: 1px solid #e7eaec;
|
|
1576
|
background: #fff;
|
|
1577
|
color: #676a6c;
|
|
1578
|
box-shadow: none;
|
|
1579
|
padding: 6px 8px;
|
|
1580
|
}
|
|
1581
|
button.DTTT_button:hover,
|
|
1582
|
div.DTTT_button:hover,
|
|
1583
|
a.DTTT_button:hover {
|
|
1584
|
border: 1px solid #d2d2d2;
|
|
1585
|
background: #fff;
|
|
1586
|
color: #676a6c;
|
|
1587
|
box-shadow: none;
|
|
1588
|
padding: 6px 8px;
|
|
1589
|
}
|
|
1590
|
button.DTTT_button:hover:not(.DTTT_disabled),
|
|
1591
|
div.DTTT_button:hover:not(.DTTT_disabled),
|
|
1592
|
a.DTTT_button:hover:not(.DTTT_disabled) {
|
|
1593
|
border: 1px solid #d2d2d2;
|
|
1594
|
background: #fff;
|
|
1595
|
box-shadow: none;
|
|
1596
|
}
|
|
1597
|
.dataTables_filter label {
|
|
1598
|
margin-right: 5px;
|
|
1599
|
}
|
|
1600
|
/* CIRCLE */
|
|
1601
|
.img-circle {
|
|
1602
|
border-radius: 50%;
|
|
1603
|
}
|
|
1604
|
.btn-circle {
|
|
1605
|
width: 30px;
|
|
1606
|
height: 30px;
|
|
1607
|
padding: 6px 0;
|
|
1608
|
border-radius: 15px;
|
|
1609
|
text-align: center;
|
|
1610
|
font-size: 12px;
|
|
1611
|
line-height: 1.428571429;
|
|
1612
|
}
|
|
1613
|
.btn-circle.btn-lg {
|
|
1614
|
width: 50px;
|
|
1615
|
height: 50px;
|
|
1616
|
padding: 10px 16px;
|
|
1617
|
border-radius: 25px;
|
|
1618
|
font-size: 18px;
|
|
1619
|
line-height: 1.33;
|
|
1620
|
}
|
|
1621
|
.btn-circle.btn-xl {
|
|
1622
|
width: 70px;
|
|
1623
|
height: 70px;
|
|
1624
|
padding: 10px 16px;
|
|
1625
|
border-radius: 35px;
|
|
1626
|
font-size: 24px;
|
|
1627
|
line-height: 1.33;
|
|
1628
|
}
|
|
1629
|
.show-grid [class^="col-"] {
|
|
1630
|
padding-top: 10px;
|
|
1631
|
padding-bottom: 10px;
|
|
1632
|
border: 1px solid #ddd;
|
|
1633
|
background-color: #eee !important;
|
|
1634
|
}
|
|
1635
|
.show-grid {
|
|
1636
|
margin: 15px 0;
|
|
1637
|
}
|
|
1638
|
/* ANIMATION */
|
|
1639
|
.css-animation-box h1 {
|
|
1640
|
font-size: 44px;
|
|
1641
|
}
|
|
1642
|
.animation-efect-links a {
|
|
1643
|
padding: 4px 6px;
|
|
1644
|
font-size: 12px;
|
|
1645
|
}
|
|
1646
|
#animation_box {
|
|
1647
|
background-color: #f9f8f8;
|
|
1648
|
border-radius: 16px;
|
|
1649
|
width: 80%;
|
|
1650
|
margin: 0 auto;
|
|
1651
|
padding-top: 80px;
|
|
1652
|
}
|
|
1653
|
.animation-text-box {
|
|
1654
|
position: absolute;
|
|
1655
|
margin-top: 40px;
|
|
1656
|
left: 50%;
|
|
1657
|
margin-left: -100px;
|
|
1658
|
width: 200px;
|
|
1659
|
}
|
|
1660
|
.animation-text-info {
|
|
1661
|
position: absolute;
|
|
1662
|
margin-top: -60px;
|
|
1663
|
left: 50%;
|
|
1664
|
margin-left: -100px;
|
|
1665
|
width: 200px;
|
|
1666
|
font-size: 10px;
|
|
1667
|
}
|
|
1668
|
.animation-text-box h2 {
|
|
1669
|
font-size: 54px;
|
|
1670
|
font-weight: 600;
|
|
1671
|
margin-bottom: 5px;
|
|
1672
|
}
|
|
1673
|
.animation-text-box p {
|
|
1674
|
font-size: 12px;
|
|
1675
|
text-transform: uppercase;
|
|
1676
|
}
|
|
1677
|
/* PEACE */
|
|
1678
|
.pace {
|
|
1679
|
-webkit-pointer-events: none;
|
|
1680
|
pointer-events: none;
|
|
1681
|
-webkit-user-select: none;
|
|
1682
|
-moz-user-select: none;
|
|
1683
|
user-select: none;
|
|
1684
|
}
|
|
1685
|
.pace-inactive {
|
|
1686
|
display: none;
|
|
1687
|
}
|
|
1688
|
.pace .pace-progress {
|
|
1689
|
background: #6098eb;
|
|
1690
|
position: fixed;
|
|
1691
|
z-index: 2000;
|
|
1692
|
top: 0;
|
|
1693
|
right: 100%;
|
|
1694
|
width: 100%;
|
|
1695
|
height: 2px;
|
|
1696
|
}
|
|
1697
|
.pace-inactive {
|
|
1698
|
display: none;
|
|
1699
|
}
|
|
1700
|
/* WIDGETS */
|
|
1701
|
.widget {
|
|
1702
|
border-radius: 5px;
|
|
1703
|
padding: 15px 20px;
|
|
1704
|
margin-bottom: 10px;
|
|
1705
|
margin-top: 10px;
|
|
1706
|
}
|
|
1707
|
.widget.style1 h2 {
|
|
1708
|
font-size: 30px;
|
|
1709
|
}
|
|
1710
|
.widget h2,
|
|
1711
|
.widget h3 {
|
|
1712
|
margin-top: 5px;
|
|
1713
|
margin-bottom: 0;
|
|
1714
|
}
|
|
1715
|
.widget-text-box {
|
|
1716
|
padding: 20px;
|
|
1717
|
border: 1px solid #e7eaec;
|
|
1718
|
background: #ffffff;
|
|
1719
|
}
|
|
1720
|
.widget-head-color-box {
|
|
1721
|
border-radius: 5px 5px 0px 0px;
|
|
1722
|
margin-top: 10px;
|
|
1723
|
}
|
|
1724
|
.widget .flot-chart {
|
|
1725
|
height: 100px;
|
|
1726
|
}
|
|
1727
|
.vertical-align div {
|
|
1728
|
display: inline-block;
|
|
1729
|
vertical-align: middle;
|
|
1730
|
}
|
|
1731
|
.vertical-align h2,
|
|
1732
|
.vertical-align h3 {
|
|
1733
|
margin: 0;
|
|
1734
|
}
|
|
1735
|
.todo-list {
|
|
1736
|
list-style: none outside none;
|
|
1737
|
margin: 0;
|
|
1738
|
padding: 0;
|
|
1739
|
font-size: 14px;
|
|
1740
|
}
|
|
1741
|
.todo-list.small-list {
|
|
1742
|
font-size: 12px;
|
|
1743
|
}
|
|
1744
|
.todo-list.small-list > li {
|
|
1745
|
background: #f3f3f4;
|
|
1746
|
border-left: none;
|
|
1747
|
border-right: none;
|
|
1748
|
border-radius: 4px;
|
|
1749
|
color: inherit;
|
|
1750
|
margin-bottom: 2px;
|
|
1751
|
padding: 6px 6px 6px 12px;
|
|
1752
|
}
|
|
1753
|
.todo-list.small-list .btn-xs,
|
|
1754
|
.todo-list.small-list .btn-group-xs > .btn {
|
|
1755
|
border-radius: 5px;
|
|
1756
|
font-size: 10px;
|
|
1757
|
line-height: 1.5;
|
|
1758
|
padding: 1px 2px 1px 5px;
|
|
1759
|
}
|
|
1760
|
.todo-list > li {
|
|
1761
|
background: #f3f3f4;
|
|
1762
|
border-left: 6px solid #e7eaec;
|
|
1763
|
border-right: 6px solid #e7eaec;
|
|
1764
|
border-radius: 4px;
|
|
1765
|
color: inherit;
|
|
1766
|
margin-bottom: 2px;
|
|
1767
|
padding: 10px;
|
|
1768
|
}
|
|
1769
|
.todo-list .handle {
|
|
1770
|
cursor: move;
|
|
1771
|
display: inline-block;
|
|
1772
|
font-size: 16px;
|
|
1773
|
margin: 0 5px;
|
|
1774
|
}
|
|
1775
|
.todo-list > li .label {
|
|
1776
|
font-size: 9px;
|
|
1777
|
margin-left: 10px;
|
|
1778
|
}
|
|
1779
|
.check-link {
|
|
1780
|
font-size: 16px;
|
|
1781
|
}
|
|
1782
|
.todo-completed {
|
|
1783
|
text-decoration: line-through;
|
|
1784
|
}
|
|
1785
|
.geo-statistic h1 {
|
|
1786
|
font-size: 36px;
|
|
1787
|
margin-bottom: 0;
|
|
1788
|
}
|
|
1789
|
.glyphicon.fa {
|
|
1790
|
font-family: "FontAwesome";
|
|
1791
|
}
|
|
1792
|
/* INPUTS */
|
|
1793
|
.inline {
|
|
1794
|
display: inline-block !important;
|
|
1795
|
}
|
|
1796
|
.input-s-sm {
|
|
1797
|
width: 120px;
|
|
1798
|
}
|
|
1799
|
.input-s {
|
|
1800
|
width: 200px;
|
|
1801
|
}
|
|
1802
|
.input-s-lg {
|
|
1803
|
width: 250px;
|
|
1804
|
}
|
|
1805
|
.i-checks {
|
|
1806
|
padding-left: 0;
|
|
1807
|
}
|
|
1808
|
.form-control,
|
|
1809
|
.single-line {
|
|
1810
|
background-color: #FFFFFF;
|
|
1811
|
background-image: none;
|
|
1812
|
border: 1px solid #e5e6e7;
|
|
1813
|
border-radius: 1px;
|
|
1814
|
color: inherit;
|
|
1815
|
display: block;
|
|
1816
|
padding: 6px 12px;
|
|
1817
|
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
|
|
1818
|
width: 100%;
|
|
1819
|
font-size: 14px;
|
|
1820
|
}
|
|
1821
|
.form-control:focus,
|
|
1822
|
.single-line:focus {
|
|
1823
|
border-color: #6098eb !important;
|
|
1824
|
}
|
|
1825
|
.has-success .form-control {
|
|
1826
|
border-color: #1ab394;
|
|
1827
|
}
|
|
1828
|
.has-warning .form-control {
|
|
1829
|
border-color: #f8ac59;
|
|
1830
|
}
|
|
1831
|
.has-error .form-control {
|
|
1832
|
border-color: #ed5565;
|
|
1833
|
}
|
|
1834
|
.has-success .control-label {
|
|
1835
|
color: #1ab394;
|
|
1836
|
}
|
|
1837
|
.has-warning .control-label {
|
|
1838
|
color: #f8ac59;
|
|
1839
|
}
|
|
1840
|
.has-error .control-label {
|
|
1841
|
color: #ed5565;
|
|
1842
|
}
|
|
1843
|
.input-group-addon {
|
|
1844
|
background-color: #fff;
|
|
1845
|
border: 1px solid #E5E6E7;
|
|
1846
|
border-radius: 1px;
|
|
1847
|
color: inherit;
|
|
1848
|
font-size: 14px;
|
|
1849
|
font-weight: 400;
|
|
1850
|
line-height: 1;
|
|
1851
|
padding: 6px 12px;
|
|
1852
|
text-align: center;
|
|
1853
|
}
|
|
1854
|
.spinner-buttons.input-group-btn .btn-xs {
|
|
1855
|
line-height: 1.13;
|
|
1856
|
}
|
|
1857
|
.spinner-buttons.input-group-btn {
|
|
1858
|
width: 20%;
|
|
1859
|
}
|
|
1860
|
.noUi-connect {
|
|
1861
|
background: none repeat scroll 0 0 #6098eb;
|
|
1862
|
box-shadow: none;
|
|
1863
|
}
|
|
1864
|
.slider_red .noUi-connect {
|
|
1865
|
background: none repeat scroll 0 0 #ed5565;
|
|
1866
|
box-shadow: none;
|
|
1867
|
}
|
|
1868
|
/* UI Sortable */
|
|
1869
|
.ui-sortable .ibox-title {
|
|
1870
|
cursor: move;
|
|
1871
|
}
|
|
1872
|
.ui-sortable-placeholder {
|
|
1873
|
border: 1px dashed #cecece !important;
|
|
1874
|
visibility: visible !important;
|
|
1875
|
background: #e7eaec;
|
|
1876
|
}
|
|
1877
|
.ibox.ui-sortable-placeholder {
|
|
1878
|
margin: 0px 0px 23px !important;
|
|
1879
|
}
|
|
1880
|
/* SWITCHES */
|
|
1881
|
.onoffswitch {
|
|
1882
|
position: relative;
|
|
1883
|
width: 54px;
|
|
1884
|
-webkit-user-select: none;
|
|
1885
|
-moz-user-select: none;
|
|
1886
|
-ms-user-select: none;
|
|
1887
|
}
|
|
1888
|
.onoffswitch-checkbox {
|
|
1889
|
display: none;
|
|
1890
|
}
|
|
1891
|
.onoffswitch-label {
|
|
1892
|
display: block;
|
|
1893
|
overflow: hidden;
|
|
1894
|
cursor: pointer;
|
|
1895
|
border: 2px solid #6098eb;
|
|
1896
|
border-radius: 3px;
|
|
1897
|
}
|
|
1898
|
.onoffswitch-inner {
|
|
1899
|
display: block;
|
|
1900
|
width: 200%;
|
|
1901
|
margin-left: -100%;
|
|
1902
|
-moz-transition: margin 0.3s ease-in 0s;
|
|
1903
|
-webkit-transition: margin 0.3s ease-in 0s;
|
|
1904
|
-o-transition: margin 0.3s ease-in 0s;
|
|
1905
|
transition: margin 0.3s ease-in 0s;
|
|
1906
|
}
|
|
1907
|
.onoffswitch-inner:before,
|
|
1908
|
.onoffswitch-inner:after {
|
|
1909
|
display: block;
|
|
1910
|
float: left;
|
|
1911
|
width: 50%;
|
|
1912
|
height: 16px;
|
|
1913
|
padding: 0;
|
|
1914
|
line-height: 16px;
|
|
1915
|
font-size: 10px;
|
|
1916
|
color: white;
|
|
1917
|
font-family: Trebuchet, Arial, sans-serif;
|
|
1918
|
font-weight: bold;
|
|
1919
|
-moz-box-sizing: border-box;
|
|
1920
|
-webkit-box-sizing: border-box;
|
|
1921
|
box-sizing: border-box;
|
|
1922
|
}
|
|
1923
|
.onoffswitch-inner:before {
|
|
1924
|
content: "ON";
|
|
1925
|
padding-left: 7px;
|
|
1926
|
background-color: #6098eb;
|
|
1927
|
color: #FFFFFF;
|
|
1928
|
}
|
|
1929
|
.onoffswitch-inner:after {
|
|
1930
|
content: "OFF";
|
|
1931
|
padding-right: 7px;
|
|
1932
|
background-color: #FFFFFF;
|
|
1933
|
color: #919191;
|
|
1934
|
text-align: right;
|
|
1935
|
}
|
|
1936
|
.onoffswitch-switch {
|
|
1937
|
display: block;
|
|
1938
|
width: 18px;
|
|
1939
|
margin: 0px;
|
|
1940
|
background: #FFFFFF;
|
|
1941
|
border: 2px solid #6098eb;
|
|
1942
|
border-radius: 3px;
|
|
1943
|
position: absolute;
|
|
1944
|
top: 0;
|
|
1945
|
bottom: 0;
|
|
1946
|
right: 36px;
|
|
1947
|
-moz-transition: all 0.3s ease-in 0s;
|
|
1948
|
-webkit-transition: all 0.3s ease-in 0s;
|
|
1949
|
-o-transition: all 0.3s ease-in 0s;
|
|
1950
|
transition: all 0.3s ease-in 0s;
|
|
1951
|
}
|
|
1952
|
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
|
|
1953
|
margin-left: 0;
|
|
1954
|
}
|
|
1955
|
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
|
|
1956
|
right: 0px;
|
|
1957
|
}
|
|
1958
|
/* jqGrid */
|
|
1959
|
.ui-jqgrid {
|
|
1960
|
-moz-box-sizing: content-box;
|
|
1961
|
}
|
|
1962
|
.ui-jqgrid-btable {
|
|
1963
|
border-collapse: separate;
|
|
1964
|
}
|
|
1965
|
.ui-jqgrid-htable {
|
|
1966
|
border-collapse: separate;
|
|
1967
|
}
|
|
1968
|
.ui-jqgrid-titlebar {
|
|
1969
|
height: 40px;
|
|
1970
|
line-height: 15px;
|
|
1971
|
color: #676a6c;
|
|
1972
|
background-color: #F9F9F9;
|
|
1973
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
1974
|
}
|
|
1975
|
.ui-jqgrid .ui-jqgrid-title {
|
|
1976
|
float: left;
|
|
1977
|
margin: 1.1em 1em 0.2em;
|
|
1978
|
}
|
|
1979
|
.ui-jqgrid .ui-jqgrid-titlebar {
|
|
1980
|
position: relative;
|
|
1981
|
border-left: 0px solid;
|
|
1982
|
border-right: 0px solid;
|
|
1983
|
border-top: 0px solid;
|
|
1984
|
}
|
|
1985
|
.ui-widget-header {
|
|
1986
|
background: none;
|
|
1987
|
background-image: none;
|
|
1988
|
background-color: #f5f5f6;
|
|
1989
|
text-transform: uppercase;
|
|
1990
|
border-top-left-radius: 0px;
|
|
1991
|
border-top-right-radius: 0px;
|
|
1992
|
}
|
|
1993
|
.ui-jqgrid tr.ui-row-ltr td {
|
|
1994
|
border-right-color: inherit;
|
|
1995
|
border-right-style: solid;
|
|
1996
|
border-right-width: 1px;
|
|
1997
|
text-align: left;
|
|
1998
|
border-color: #DDDDDD;
|
|
1999
|
background-color: inherit;
|
|
2000
|
}
|
|
2001
|
.ui-search-toolbar input[type="text"] {
|
|
2002
|
font-size: 12px;
|
|
2003
|
height: 15px;
|
|
2004
|
border: 1px solid #CCCCCC;
|
|
2005
|
border-radius: 0px;
|
|
2006
|
}
|
|
2007
|
.ui-state-default,
|
|
2008
|
.ui-widget-content .ui-state-default,
|
|
2009
|
.ui-widget-header .ui-state-default {
|
|
2010
|
background: #F9F9F9;
|
|
2011
|
border: 1px solid #DDDDDD;
|
|
2012
|
line-height: 15px;
|
|
2013
|
font-weight: bold;
|
|
2014
|
color: #676a6c;
|
|
2015
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
2016
|
}
|
|
2017
|
.ui-widget-content {
|
|
2018
|
box-sizing: content-box;
|
|
2019
|
}
|
|
2020
|
.ui-icon-triangle-1-n {
|
|
2021
|
background-position: 1px -16px;
|
|
2022
|
}
|
|
2023
|
.ui-jqgrid tr.ui-search-toolbar th {
|
|
2024
|
border-top-width: 0px !important;
|
|
2025
|
border-top-color: inherit !important;
|
|
2026
|
border-top-style: ridge !important;
|
|
2027
|
}
|
|
2028
|
.ui-state-hover,
|
|
2029
|
.ui-widget-content .ui-state-hover,
|
|
2030
|
.ui-state-focus,
|
|
2031
|
.ui-widget-content .ui-state-focus,
|
|
2032
|
.ui-widget-header .ui-state-focus {
|
|
2033
|
background: #f5f5f5;
|
|
2034
|
border-collapse: separate;
|
|
2035
|
}
|
|
2036
|
.ui-state-highlight,
|
|
2037
|
.ui-widget-content .ui-state-highlight,
|
|
2038
|
.ui-widget-header .ui-state-highlight {
|
|
2039
|
background: #f2fbff;
|
|
2040
|
}
|
|
2041
|
.ui-state-active,
|
|
2042
|
.ui-widget-content .ui-state-active,
|
|
2043
|
.ui-widget-header .ui-state-active {
|
|
2044
|
border: 1px solid #dddddd;
|
|
2045
|
background: #ffffff;
|
|
2046
|
font-weight: normal;
|
|
2047
|
color: #212121;
|
|
2048
|
}
|
|
2049
|
.ui-jqgrid .ui-pg-input {
|
|
2050
|
font-size: inherit;
|
|
2051
|
width: 50px;
|
|
2052
|
border: 1px solid #CCCCCC;
|
|
2053
|
height: 15px;
|
|
2054
|
}
|
|
2055
|
.ui-jqgrid .ui-pg-selbox {
|
|
2056
|
display: block;
|
|
2057
|
font-size: 1em;
|
|
2058
|
height: 25px;
|
|
2059
|
line-height: 18px;
|
|
2060
|
margin: 0;
|
|
2061
|
width: auto;
|
|
2062
|
}
|
|
2063
|
.ui-jqgrid .ui-pager-control {
|
|
2064
|
position: relative;
|
|
2065
|
}
|
|
2066
|
.ui-jqgrid .ui-jqgrid-pager {
|
|
2067
|
height: 32px;
|
|
2068
|
position: relative;
|
|
2069
|
}
|
|
2070
|
.ui-pg-table .navtable .ui-corner-all {
|
|
2071
|
border-radius: 0px;
|
|
2072
|
}
|
|
2073
|
.ui-jqgrid .ui-pg-button:hover {
|
|
2074
|
padding: 1px;
|
|
2075
|
border: 0px;
|
|
2076
|
}
|
|
2077
|
.ui-jqgrid .loading {
|
|
2078
|
position: absolute;
|
|
2079
|
top: 45%;
|
|
2080
|
left: 45%;
|
|
2081
|
width: auto;
|
|
2082
|
height: auto;
|
|
2083
|
z-index: 101;
|
|
2084
|
padding: 6px;
|
|
2085
|
margin: 5px;
|
|
2086
|
text-align: center;
|
|
2087
|
font-weight: bold;
|
|
2088
|
display: none;
|
|
2089
|
border-width: 2px !important;
|
|
2090
|
font-size: 11px;
|
|
2091
|
}
|
|
2092
|
.ui-jqgrid .form-control {
|
|
2093
|
height: 10px;
|
|
2094
|
width: auto;
|
|
2095
|
display: inline;
|
|
2096
|
padding: 10px 12px;
|
|
2097
|
}
|
|
2098
|
.ui-jqgrid-pager {
|
|
2099
|
height: 32px;
|
|
2100
|
}
|
|
2101
|
.ui-corner-all,
|
|
2102
|
.ui-corner-top,
|
|
2103
|
.ui-corner-left,
|
|
2104
|
.ui-corner-tl {
|
|
2105
|
border-top-left-radius: 0;
|
|
2106
|
}
|
|
2107
|
.ui-corner-all,
|
|
2108
|
.ui-corner-top,
|
|
2109
|
.ui-corner-right,
|
|
2110
|
.ui-corner-tr {
|
|
2111
|
border-top-right-radius: 0;
|
|
2112
|
}
|
|
2113
|
.ui-corner-all,
|
|
2114
|
.ui-corner-bottom,
|
|
2115
|
.ui-corner-left,
|
|
2116
|
.ui-corner-bl {
|
|
2117
|
border-bottom-left-radius: 0;
|
|
2118
|
}
|
|
2119
|
.ui-corner-all,
|
|
2120
|
.ui-corner-bottom,
|
|
2121
|
.ui-corner-right,
|
|
2122
|
.ui-corner-br {
|
|
2123
|
border-bottom-right-radius: 0;
|
|
2124
|
}
|
|
2125
|
.ui-widget-content {
|
|
2126
|
border: 1px solid #ddd;
|
|
2127
|
}
|
|
2128
|
.ui-jqgrid .ui-jqgrid-titlebar {
|
|
2129
|
padding: 0;
|
|
2130
|
}
|
|
2131
|
.ui-jqgrid .ui-jqgrid-titlebar {
|
|
2132
|
border-bottom: 1px solid #ddd;
|
|
2133
|
}
|
|
2134
|
.ui-jqgrid tr.jqgrow td {
|
|
2135
|
padding: 6px;
|
|
2136
|
}
|
|
2137
|
.ui-jqdialog .ui-jqdialog-titlebar {
|
|
2138
|
padding: 10px 10px;
|
|
2139
|
}
|
|
2140
|
.ui-jqdialog .ui-jqdialog-title {
|
|
2141
|
float: none !important;
|
|
2142
|
}
|
|
2143
|
.ui-jqdialog > .ui-resizable-se {
|
|
2144
|
position: absolute;
|
|
2145
|
}
|
|
2146
|
/* Nestable list */
|
|
2147
|
.dd {
|
|
2148
|
position: relative;
|
|
2149
|
display: block;
|
|
2150
|
margin: 0;
|
|
2151
|
padding: 0;
|
|
2152
|
list-style: none;
|
|
2153
|
font-size: 13px;
|
|
2154
|
line-height: 20px;
|
|
2155
|
}
|
|
2156
|
.dd-list {
|
|
2157
|
display: block;
|
|
2158
|
position: relative;
|
|
2159
|
margin: 0;
|
|
2160
|
padding: 0;
|
|
2161
|
list-style: none;
|
|
2162
|
}
|
|
2163
|
.dd-list .dd-list {
|
|
2164
|
padding-left: 30px;
|
|
2165
|
}
|
|
2166
|
.dd-collapsed .dd-list {
|
|
2167
|
display: none;
|
|
2168
|
}
|
|
2169
|
.dd-item,
|
|
2170
|
.dd-empty,
|
|
2171
|
.dd-placeholder {
|
|
2172
|
display: block;
|
|
2173
|
position: relative;
|
|
2174
|
margin: 0;
|
|
2175
|
padding: 0;
|
|
2176
|
min-height: 20px;
|
|
2177
|
font-size: 13px;
|
|
2178
|
line-height: 20px;
|
|
2179
|
}
|
|
2180
|
.dd-handle {
|
|
2181
|
display: block;
|
|
2182
|
margin: 5px 0;
|
|
2183
|
padding: 5px 10px;
|
|
2184
|
color: #333;
|
|
2185
|
text-decoration: none;
|
|
2186
|
border: 1px solid #e7eaec;
|
|
2187
|
background: #f5f5f5;
|
|
2188
|
-webkit-border-radius: 3px;
|
|
2189
|
border-radius: 3px;
|
|
2190
|
box-sizing: border-box;
|
|
2191
|
-moz-box-sizing: border-box;
|
|
2192
|
}
|
|
2193
|
.dd-handle span {
|
|
2194
|
font-weight: bold;
|
|
2195
|
}
|
|
2196
|
.dd-handle:hover {
|
|
2197
|
background: #f0f0f0;
|
|
2198
|
cursor: pointer;
|
|
2199
|
font-weight: bold;
|
|
2200
|
}
|
|
2201
|
.dd-item > button {
|
|
2202
|
display: block;
|
|
2203
|
position: relative;
|
|
2204
|
cursor: pointer;
|
|
2205
|
float: left;
|
|
2206
|
width: 25px;
|
|
2207
|
height: 20px;
|
|
2208
|
margin: 5px 0;
|
|
2209
|
padding: 0;
|
|
2210
|
text-indent: 100%;
|
|
2211
|
white-space: nowrap;
|
|
2212
|
overflow: hidden;
|
|
2213
|
border: 0;
|
|
2214
|
background: transparent;
|
|
2215
|
font-size: 12px;
|
|
2216
|
line-height: 1;
|
|
2217
|
text-align: center;
|
|
2218
|
font-weight: bold;
|
|
2219
|
}
|
|
2220
|
.dd-item > button:before {
|
|
2221
|
content: '+';
|
|
2222
|
display: block;
|
|
2223
|
position: absolute;
|
|
2224
|
width: 100%;
|
|
2225
|
text-align: center;
|
|
2226
|
text-indent: 0;
|
|
2227
|
}
|
|
2228
|
.dd-item > button[data-action="collapse"]:before {
|
|
2229
|
content: '-';
|
|
2230
|
}
|
|
2231
|
#nestable2 .dd-item > button {
|
|
2232
|
font-family: FontAwesome;
|
|
2233
|
height: 34px;
|
|
2234
|
width: 33px;
|
|
2235
|
color: #c1c1c1;
|
|
2236
|
}
|
|
2237
|
#nestable2 .dd-item > button:before {
|
|
2238
|
content: "\f067";
|
|
2239
|
}
|
|
2240
|
#nestable2 .dd-item > button[data-action="collapse"]:before {
|
|
2241
|
content: "\f068";
|
|
2242
|
}
|
|
2243
|
.dd-placeholder,
|
|
2244
|
.dd-empty {
|
|
2245
|
margin: 5px 0;
|
|
2246
|
padding: 0;
|
|
2247
|
min-height: 30px;
|
|
2248
|
background: #f2fbff;
|
|
2249
|
border: 1px dashed #b6bcbf;
|
|
2250
|
box-sizing: border-box;
|
|
2251
|
-moz-box-sizing: border-box;
|
|
2252
|
}
|
|
2253
|
.dd-empty {
|
|
2254
|
border: 1px dashed #bbb;
|
|
2255
|
min-height: 100px;
|
|
2256
|
background-color: #e5e5e5;
|
|
2257
|
background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
|
|
2258
|
background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
|
|
2259
|
background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
|
|
2260
|
background-size: 60px 60px;
|
|
2261
|
background-position: 0 0, 30px 30px;
|
|
2262
|
}
|
|
2263
|
.dd-dragel {
|
|
2264
|
position: absolute;
|
|
2265
|
z-index: 9999;
|
|
2266
|
pointer-events: none;
|
|
2267
|
}
|
|
2268
|
.dd-dragel > .dd-item .dd-handle {
|
|
2269
|
margin-top: 0;
|
|
2270
|
}
|
|
2271
|
.dd-dragel .dd-handle {
|
|
2272
|
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
|
|
2273
|
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
|
|
2274
|
}
|
|
2275
|
/**
|
|
2276
|
* Nestable Extras
|
|
2277
|
*/
|
|
2278
|
.nestable-lists {
|
|
2279
|
display: block;
|
|
2280
|
clear: both;
|
|
2281
|
padding: 30px 0;
|
|
2282
|
width: 100%;
|
|
2283
|
border: 0;
|
|
2284
|
border-top: 2px solid #ddd;
|
|
2285
|
border-bottom: 2px solid #ddd;
|
|
2286
|
}
|
|
2287
|
#nestable-menu {
|
|
2288
|
padding: 0;
|
|
2289
|
margin: 10px 0 20px 0;
|
|
2290
|
}
|
|
2291
|
#nestable-output,
|
|
2292
|
#nestable2-output {
|
|
2293
|
width: 100%;
|
|
2294
|
font-size: 0.75em;
|
|
2295
|
line-height: 1.333333em;
|
|
2296
|
font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
|
|
2297
|
padding: 5px;
|
|
2298
|
box-sizing: border-box;
|
|
2299
|
-moz-box-sizing: border-box;
|
|
2300
|
}
|
|
2301
|
#nestable2 .dd-handle {
|
|
2302
|
color: inherit;
|
|
2303
|
border: 1px dashed #e7eaec;
|
|
2304
|
background: #f3f3f4;
|
|
2305
|
padding: 10px;
|
|
2306
|
}
|
|
2307
|
#nestable2 .dd-handle:hover {
|
|
2308
|
/*background: #bbb;*/
|
|
2309
|
}
|
|
2310
|
#nestable2 span.label {
|
|
2311
|
margin-right: 10px;
|
|
2312
|
}
|
|
2313
|
#nestable-output,
|
|
2314
|
#nestable2-output {
|
|
2315
|
font-size: 12px;
|
|
2316
|
padding: 25px;
|
|
2317
|
box-sizing: border-box;
|
|
2318
|
-moz-box-sizing: border-box;
|
|
2319
|
}
|
|
2320
|
/* CodeMirror */
|
|
2321
|
.CodeMirror {
|
|
2322
|
border: 1px solid #eee;
|
|
2323
|
height: auto;
|
|
2324
|
}
|
|
2325
|
.CodeMirror-scroll {
|
|
2326
|
overflow-y: hidden;
|
|
2327
|
overflow-x: auto;
|
|
2328
|
}
|
|
2329
|
/* Google Maps */
|
|
2330
|
.google-map {
|
|
2331
|
height: 300px;
|
|
2332
|
}
|
|
2333
|
/* Validation */
|
|
2334
|
label.error {
|
|
2335
|
color: #cc5965;
|
|
2336
|
display: inline-block;
|
|
2337
|
margin-left: 5px;
|
|
2338
|
}
|
|
2339
|
.form-control.error {
|
|
2340
|
border: 1px dotted #cc5965;
|
|
2341
|
}
|
|
2342
|
/* ngGrid */
|
|
2343
|
.gridStyle {
|
|
2344
|
border: 1px solid #d4d4d4;
|
|
2345
|
width: 100%;
|
|
2346
|
height: 400px;
|
|
2347
|
}
|
|
2348
|
.gridStyle2 {
|
|
2349
|
border: 1px solid #d4d4d4;
|
|
2350
|
width: 500px;
|
|
2351
|
height: 300px;
|
|
2352
|
}
|
|
2353
|
.ngH eaderCell {
|
|
2354
|
border-right: none;
|
|
2355
|
border-bottom: 1px solid #e7eaec;
|
|
2356
|
}
|
|
2357
|
.ngCell {
|
|
2358
|
border-right: none;
|
|
2359
|
}
|
|
2360
|
.ngTopPanel {
|
|
2361
|
background: #F5F5F6;
|
|
2362
|
}
|
|
2363
|
.ngRow.even {
|
|
2364
|
background: #f9f9f9;
|
|
2365
|
}
|
|
2366
|
.ngRow.selected {
|
|
2367
|
background: #EBF2F1;
|
|
2368
|
}
|
|
2369
|
.ngRow {
|
|
2370
|
border-bottom: 1px solid #e7eaec;
|
|
2371
|
}
|
|
2372
|
.ngCell {
|
|
2373
|
background-color: transparent;
|
|
2374
|
}
|
|
2375
|
.ngHeaderCell {
|
|
2376
|
border-right: none;
|
|
2377
|
}
|
|
2378
|
/* Toastr custom style */
|
|
2379
|
#toast-container > .toast {
|
|
2380
|
background-image: none !important;
|
|
2381
|
}
|
|
2382
|
#toast-container > .toast:before {
|
|
2383
|
position: fixed;
|
|
2384
|
font-family: FontAwesome;
|
|
2385
|
font-size: 24px;
|
|
2386
|
line-height: 24px;
|
|
2387
|
float: left;
|
|
2388
|
color: #FFF;
|
|
2389
|
padding-right: 0.5em;
|
|
2390
|
margin: auto 0.5em auto -1.5em;
|
|
2391
|
}
|
|
2392
|
#toast-container > .toast-warning:before {
|
|
2393
|
content: "\f0e7";
|
|
2394
|
}
|
|
2395
|
#toast-container > .toast-error:before {
|
|
2396
|
content: "\f071";
|
|
2397
|
}
|
|
2398
|
#toast-container > .toast-info:before {
|
|
2399
|
content: "\f005";
|
|
2400
|
}
|
|
2401
|
#toast-container > .toast-success:before {
|
|
2402
|
content: "\f00C";
|
|
2403
|
}
|
|
2404
|
#toast-container > div {
|
|
2405
|
-moz-box-shadow: 0 0 3px #999;
|
|
2406
|
-webkit-box-shadow: 0 0 3px #999;
|
|
2407
|
box-shadow: 0 0 3px #999;
|
|
2408
|
opacity: .9;
|
|
2409
|
-ms-filter: alpha(opacity=90);
|
|
2410
|
filter: alpha(opacity=90);
|
|
2411
|
}
|
|
2412
|
#toast-container > :hover {
|
|
2413
|
-moz-box-shadow: 0 0 4px #999;
|
|
2414
|
-webkit-box-shadow: 0 0 4px #999;
|
|
2415
|
box-shadow: 0 0 4px #999;
|
|
2416
|
opacity: 1;
|
|
2417
|
-ms-filter: alpha(opacity=100);
|
|
2418
|
filter: alpha(opacity=100);
|
|
2419
|
cursor: pointer;
|
|
2420
|
}
|
|
2421
|
.toast {
|
|
2422
|
background-color: #6098eb;
|
|
2423
|
}
|
|
2424
|
.toast-success {
|
|
2425
|
background-color: #6098eb;
|
|
2426
|
}
|
|
2427
|
.toast-error {
|
|
2428
|
background-color: #ed5565;
|
|
2429
|
}
|
|
2430
|
.toast-info {
|
|
2431
|
background-color: #23c6c8;
|
|
2432
|
}
|
|
2433
|
.toast-warning {
|
|
2434
|
background-color: #f8ac59;
|
|
2435
|
}
|
|
2436
|
.toast-top-full-width {
|
|
2437
|
margin-top: 20px;
|
|
2438
|
}
|
|
2439
|
.toast-bottom-full-width {
|
|
2440
|
margin-bottom: 20px;
|
|
2441
|
}
|
|
2442
|
/* Notifie */
|
|
2443
|
.cg-notify-message.inspinia-notify {
|
|
2444
|
background: #fff;
|
|
2445
|
padding: 0;
|
|
2446
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
2447
|
-webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
|
|
2448
|
-moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
|
|
2449
|
border: none ;
|
|
2450
|
margin-top: 30px;
|
|
2451
|
color: inherit;
|
|
2452
|
}
|
|
2453
|
.inspinia-notify.alert-warning {
|
|
2454
|
border-left: 6px solid #f8ac59;
|
|
2455
|
}
|
|
2456
|
.inspinia-notify.alert-success {
|
|
2457
|
border-left: 6px solid #1c84c6;
|
|
2458
|
}
|
|
2459
|
.inspinia-notify.alert-danger {
|
|
2460
|
border-left: 6px solid #ed5565;
|
|
2461
|
}
|
|
2462
|
.inspinia-notify.alert-info {
|
|
2463
|
border-left: 6px solid #6098eb;
|
|
2464
|
}
|
|
2465
|
/* Image cropper style */
|
|
2466
|
.img-container,
|
|
2467
|
.img-preview {
|
|
2468
|
overflow: hidden;
|
|
2469
|
text-align: center;
|
|
2470
|
width: 100%;
|
|
2471
|
}
|
|
2472
|
.img-preview-sm {
|
|
2473
|
height: 130px;
|
|
2474
|
width: 200px;
|
|
2475
|
}
|
|
2476
|
/* Forum styles */
|
|
2477
|
.forum-post-container .media {
|
|
2478
|
margin: 10px 10px 10px 10px;
|
|
2479
|
padding: 20px 10px 20px 10px;
|
|
2480
|
border-bottom: 1px solid #f1f1f1;
|
|
2481
|
}
|
|
2482
|
.forum-avatar {
|
|
2483
|
float: left;
|
|
2484
|
margin-right: 20px;
|
|
2485
|
text-align: center;
|
|
2486
|
width: 110px;
|
|
2487
|
}
|
|
2488
|
.forum-avatar .img-circle {
|
|
2489
|
height: 48px;
|
|
2490
|
width: 48px;
|
|
2491
|
}
|
|
2492
|
.author-info {
|
|
2493
|
color: #676a6c;
|
|
2494
|
font-size: 11px;
|
|
2495
|
margin-top: 5px;
|
|
2496
|
text-align: center;
|
|
2497
|
}
|
|
2498
|
.forum-post-info {
|
|
2499
|
padding: 9px 12px 6px 12px;
|
|
2500
|
background: #f9f9f9;
|
|
2501
|
border: 1px solid #f1f1f1;
|
|
2502
|
}
|
|
2503
|
.media-body > .media {
|
|
2504
|
background: #f9f9f9;
|
|
2505
|
border-radius: 3px;
|
|
2506
|
border: 1px solid #f1f1f1;
|
|
2507
|
}
|
|
2508
|
.forum-post-container .media-body .photos {
|
|
2509
|
margin: 10px 0;
|
|
2510
|
}
|
|
2511
|
.forum-photo {
|
|
2512
|
max-width: 140px;
|
|
2513
|
border-radius: 3px;
|
|
2514
|
}
|
|
2515
|
.media-body > .media .forum-avatar {
|
|
2516
|
width: 70px;
|
|
2517
|
margin-right: 10px;
|
|
2518
|
}
|
|
2519
|
.media-body > .media .forum-avatar .img-circle {
|
|
2520
|
height: 38px;
|
|
2521
|
width: 38px;
|
|
2522
|
}
|
|
2523
|
.mid-icon {
|
|
2524
|
font-size: 66px;
|
|
2525
|
}
|
|
2526
|
.forum-item {
|
|
2527
|
margin: 10px 0;
|
|
2528
|
padding: 10px 0 20px;
|
|
2529
|
border-bottom: 1px solid #f1f1f1;
|
|
2530
|
}
|
|
2531
|
.views-number {
|
|
2532
|
font-size: 24px;
|
|
2533
|
line-height: 18px;
|
|
2534
|
font-weight: 400;
|
|
2535
|
}
|
|
2536
|
.forum-container,
|
|
2537
|
.forum-post-container {
|
|
2538
|
padding: 30px !important;
|
|
2539
|
}
|
|
2540
|
.forum-item small {
|
|
2541
|
color: #999;
|
|
2542
|
}
|
|
2543
|
.forum-item .forum-sub-title {
|
|
2544
|
color: #999;
|
|
2545
|
margin-left: 50px;
|
|
2546
|
}
|
|
2547
|
.forum-title {
|
|
2548
|
margin: 15px 0 15px 0;
|
|
2549
|
}
|
|
2550
|
.forum-info {
|
|
2551
|
text-align: center;
|
|
2552
|
}
|
|
2553
|
.forum-desc {
|
|
2554
|
color: #999;
|
|
2555
|
}
|
|
2556
|
.forum-icon {
|
|
2557
|
float: left;
|
|
2558
|
width: 30px;
|
|
2559
|
margin-right: 20px;
|
|
2560
|
text-align: center;
|
|
2561
|
}
|
|
2562
|
a.forum-item-title {
|
|
2563
|
color: inherit;
|
|
2564
|
display: block;
|
|
2565
|
font-size: 18px;
|
|
2566
|
font-weight: 600;
|
|
2567
|
}
|
|
2568
|
a.forum-item-title:hover {
|
|
2569
|
color: inherit;
|
|
2570
|
}
|
|
2571
|
.forum-icon .fa {
|
|
2572
|
font-size: 30px;
|
|
2573
|
margin-top: 8px;
|
|
2574
|
color: #9b9b9b;
|
|
2575
|
}
|
|
2576
|
.forum-item.active .fa {
|
|
2577
|
color: #6098eb;
|
|
2578
|
}
|
|
2579
|
.forum-item.active a.forum-item-title {
|
|
2580
|
color: #6098eb;
|
|
2581
|
}
|
|
2582
|
@media (max-width: 992px) {
|
|
2583
|
.forum-info {
|
|
2584
|
margin: 15px 0 10px 0px;
|
|
2585
|
/* Comment this is you want to show forum info in small devices */
|
|
2586
|
display: none;
|
|
2587
|
}
|
|
2588
|
.forum-desc {
|
|
2589
|
float: none !important;
|
|
2590
|
}
|
|
2591
|
}
|
|
2592
|
/* New Timeline style */
|
|
2593
|
.vertical-container {
|
|
2594
|
/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
|
|
2595
|
width: 90%;
|
|
2596
|
max-width: 1170px;
|
|
2597
|
margin: 0 auto;
|
|
2598
|
}
|
|
2599
|
.vertical-container::after {
|
|
2600
|
/* clearfix */
|
|
2601
|
content: '';
|
|
2602
|
display: table;
|
|
2603
|
clear: both;
|
|
2604
|
}
|
|
2605
|
#vertical-timeline {
|
|
2606
|
position: relative;
|
|
2607
|
padding: 0;
|
|
2608
|
margin-top: 2em;
|
|
2609
|
margin-bottom: 2em;
|
|
2610
|
}
|
|
2611
|
#vertical-timeline::before {
|
|
2612
|
content: '';
|
|
2613
|
position: absolute;
|
|
2614
|
top: 0;
|
|
2615
|
left: 18px;
|
|
2616
|
height: 100%;
|
|
2617
|
width: 4px;
|
|
2618
|
background: #f1f1f1;
|
|
2619
|
}
|
|
2620
|
.vertical-timeline-content .btn {
|
|
2621
|
float: right;
|
|
2622
|
}
|
|
2623
|
#vertical-timeline.light-timeline:before {
|
|
2624
|
background: #e7eaec;
|
|
2625
|
}
|
|
2626
|
.dark-timeline .vertical-timeline-content:before {
|
|
2627
|
border-color: transparent #f5f5f5 transparent transparent ;
|
|
2628
|
}
|
|
2629
|
.dark-timeline.center-orientation .vertical-timeline-content:before {
|
|
2630
|
border-color: transparent transparent transparent #f5f5f5;
|
|
2631
|
}
|
|
2632
|
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
|
|
2633
|
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
|
|
2634
|
border-color: transparent #f5f5f5 transparent transparent;
|
|
2635
|
}
|
|
2636
|
.dark-timeline .vertical-timeline-content,
|
|
2637
|
.dark-timeline.center-orientation .vertical-timeline-content {
|
|
2638
|
background: #f5f5f5;
|
|
2639
|
}
|
|
2640
|
@media only screen and (min-width: 1170px) {
|
|
2641
|
#vertical-timeline.center-orientation {
|
|
2642
|
margin-top: 3em;
|
|
2643
|
margin-bottom: 3em;
|
|
2644
|
}
|
|
2645
|
#vertical-timeline.center-orientation:before {
|
|
2646
|
left: 50%;
|
|
2647
|
margin-left: -2px;
|
|
2648
|
}
|
|
2649
|
}
|
|
2650
|
@media only screen and (max-width: 1170px) {
|
|
2651
|
.center-orientation.dark-timeline .vertical-timeline-content:before {
|
|
2652
|
border-color: transparent #f5f5f5 transparent transparent;
|
|
2653
|
}
|
|
2654
|
}
|
|
2655
|
.vertical-timeline-block {
|
|
2656
|
position: relative;
|
|
2657
|
margin: 2em 0;
|
|
2658
|
}
|
|
2659
|
.vertical-timeline-block:after {
|
|
2660
|
content: "";
|
|
2661
|
display: table;
|
|
2662
|
clear: both;
|
|
2663
|
}
|
|
2664
|
.vertical-timeline-block:first-child {
|
|
2665
|
margin-top: 0;
|
|
2666
|
}
|
|
2667
|
.vertical-timeline-block:last-child {
|
|
2668
|
margin-bottom: 0;
|
|
2669
|
}
|
|
2670
|
@media only screen and (min-width: 1170px) {
|
|
2671
|
.center-orientation .vertical-timeline-block {
|
|
2672
|
margin: 4em 0;
|
|
2673
|
}
|
|
2674
|
.center-orientation .vertical-timeline-block:first-child {
|
|
2675
|
margin-top: 0;
|
|
2676
|
}
|
|
2677
|
.center-orientation .vertical-timeline-block:last-child {
|
|
2678
|
margin-bottom: 0;
|
|
2679
|
}
|
|
2680
|
}
|
|
2681
|
.vertical-timeline-icon {
|
|
2682
|
position: absolute;
|
|
2683
|
top: 0;
|
|
2684
|
left: 0;
|
|
2685
|
width: 40px;
|
|
2686
|
height: 40px;
|
|
2687
|
border-radius: 50%;
|
|
2688
|
font-size: 16px;
|
|
2689
|
border: 3px solid #f1f1f1;
|
|
2690
|
text-align: center;
|
|
2691
|
}
|
|
2692
|
.vertical-timeline-icon i {
|
|
2693
|
display: block;
|
|
2694
|
width: 24px;
|
|
2695
|
height: 24px;
|
|
2696
|
position: relative;
|
|
2697
|
left: 50%;
|
|
2698
|
top: 50%;
|
|
2699
|
margin-left: -12px;
|
|
2700
|
margin-top: -9px;
|
|
2701
|
}
|
|
2702
|
@media only screen and (min-width: 1170px) {
|
|
2703
|
.center-orientation .vertical-timeline-icon {
|
|
2704
|
width: 50px;
|
|
2705
|
height: 50px;
|
|
2706
|
left: 50%;
|
|
2707
|
margin-left: -25px;
|
|
2708
|
-webkit-transform: translateZ(0);
|
|
2709
|
-webkit-backface-visibility: hidden;
|
|
2710
|
font-size: 19px;
|
|
2711
|
}
|
|
2712
|
.center-orientation .vertical-timeline-icon i {
|
|
2713
|
margin-left: -12px;
|
|
2714
|
margin-top: -10px;
|
|
2715
|
}
|
|
2716
|
.center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
|
|
2717
|
visibility: hidden;
|
|
2718
|
}
|
|
2719
|
}
|
|
2720
|
.vertical-timeline-content {
|
|
2721
|
position: relative;
|
|
2722
|
margin-left: 60px;
|
|
2723
|
background: white;
|
|
2724
|
border-radius: 0.25em;
|
|
2725
|
padding: 1em;
|
|
2726
|
}
|
|
2727
|
.vertical-timeline-content:after {
|
|
2728
|
content: "";
|
|
2729
|
display: table;
|
|
2730
|
clear: both;
|
|
2731
|
}
|
|
2732
|
.vertical-timeline-content h2 {
|
|
2733
|
font-weight: 400;
|
|
2734
|
margin-top: 4px;
|
|
2735
|
}
|
|
2736
|
.vertical-timeline-content p {
|
|
2737
|
margin: 1em 0;
|
|
2738
|
line-height: 1.6;
|
|
2739
|
}
|
|
2740
|
.vertical-timeline-content .vertical-date {
|
|
2741
|
float: left;
|
|
2742
|
font-weight: 500;
|
|
2743
|
}
|
|
2744
|
.vertical-date small {
|
|
2745
|
color: #6098eb;
|
|
2746
|
font-weight: 400;
|
|
2747
|
}
|
|
2748
|
.vertical-timeline-content::before {
|
|
2749
|
content: '';
|
|
2750
|
position: absolute;
|
|
2751
|
top: 16px;
|
|
2752
|
right: 100%;
|
|
2753
|
height: 0;
|
|
2754
|
width: 0;
|
|
2755
|
border: 7px solid transparent;
|
|
2756
|
border-right: 7px solid white;
|
|
2757
|
}
|
|
2758
|
@media only screen and (min-width: 768px) {
|
|
2759
|
.vertical-timeline-content h2 {
|
|
2760
|
font-size: 18px;
|
|
2761
|
}
|
|
2762
|
.vertical-timeline-content p {
|
|
2763
|
font-size: 13px;
|
|
2764
|
}
|
|
2765
|
}
|
|
2766
|
@media only screen and (min-width: 1170px) {
|
|
2767
|
.center-orientation .vertical-timeline-content {
|
|
2768
|
margin-left: 0;
|
|
2769
|
padding: 1.6em;
|
|
2770
|
width: 45%;
|
|
2771
|
}
|
|
2772
|
.center-orientation .vertical-timeline-content::before {
|
|
2773
|
top: 24px;
|
|
2774
|
left: 100%;
|
|
2775
|
border-color: transparent;
|
|
2776
|
border-left-color: white;
|
|
2777
|
}
|
|
2778
|
.center-orientation .vertical-timeline-content .btn {
|
|
2779
|
float: left;
|
|
2780
|
}
|
|
2781
|
.center-orientation .vertical-timeline-content .vertical-date {
|
|
2782
|
position: absolute;
|
|
2783
|
width: 100%;
|
|
2784
|
left: 122%;
|
|
2785
|
top: 2px;
|
|
2786
|
font-size: 14px;
|
|
2787
|
}
|
|
2788
|
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
|
|
2789
|
float: right;
|
|
2790
|
}
|
|
2791
|
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
|
|
2792
|
top: 24px;
|
|
2793
|
left: auto;
|
|
2794
|
right: 100%;
|
|
2795
|
border-color: transparent;
|
|
2796
|
border-right-color: white;
|
|
2797
|
}
|
|
2798
|
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
|
|
2799
|
float: right;
|
|
2800
|
}
|
|
2801
|
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
|
|
2802
|
left: auto;
|
|
2803
|
right: 122%;
|
|
2804
|
text-align: right;
|
|
2805
|
}
|
|
2806
|
.center-orientation .cssanimations .vertical-timeline-content.is-hidden {
|
|
2807
|
visibility: hidden;
|
|
2808
|
}
|
|
2809
|
}
|
|
2810
|
/* Tabs */
|
|
2811
|
.tabs-container .panel-body {
|
|
2812
|
background: #fff;
|
|
2813
|
border: 1px solid #e7eaec;
|
|
2814
|
border-radius: 2px;
|
|
2815
|
padding: 20px;
|
|
2816
|
position: relative;
|
|
2817
|
}
|
|
2818
|
.tabs-container .nav-tabs > li.active > a,
|
|
2819
|
.tabs-container .nav-tabs > li.active > a:hover,
|
|
2820
|
.tabs-container .nav-tabs > li.active > a:focus {
|
|
2821
|
border: 1px solid #e7eaec;
|
|
2822
|
border-bottom-color: transparent;
|
|
2823
|
background-color: #fff;
|
|
2824
|
}
|
|
2825
|
.tabs-container .nav-tabs > li {
|
|
2826
|
float: left;
|
|
2827
|
margin-bottom: -1px;
|
|
2828
|
}
|
|
2829
|
.tabs-container .tab-pane .panel-body {
|
|
2830
|
border-top: none;
|
|
2831
|
}
|
|
2832
|
.tabs-container .nav-tabs > li.active > a,
|
|
2833
|
.tabs-container .nav-tabs > li.active > a:hover,
|
|
2834
|
.tabs-container .nav-tabs > li.active > a:focus {
|
|
2835
|
border: 1px solid #e7eaec;
|
|
2836
|
border-bottom-color: transparent;
|
|
2837
|
}
|
|
2838
|
.tabs-container .nav-tabs {
|
|
2839
|
border-bottom: 1px solid #e7eaec;
|
|
2840
|
}
|
|
2841
|
.tabs-container .tab-pane .panel-body {
|
|
2842
|
border-top: none;
|
|
2843
|
}
|
|
2844
|
.tabs-container .tabs-left .tab-pane .panel-body,
|
|
2845
|
.tabs-container .tabs-right .tab-pane .panel-body {
|
|
2846
|
border-top: 1px solid #e7eaec;
|
|
2847
|
}
|
|
2848
|
.tabs-container .nav-tabs > li a:hover {
|
|
2849
|
background: transparent;
|
|
2850
|
border-color: transparent;
|
|
2851
|
}
|
|
2852
|
.tabs-container .tabs-below > .nav-tabs,
|
|
2853
|
.tabs-container .tabs-right > .nav-tabs,
|
|
2854
|
.tabs-container .tabs-left > .nav-tabs {
|
|
2855
|
border-bottom: 0;
|
|
2856
|
}
|
|
2857
|
.tabs-container .tabs-left .panel-body {
|
|
2858
|
position: static;
|
|
2859
|
}
|
|
2860
|
.tabs-container .tabs-left > .nav-tabs,
|
|
2861
|
.tabs-container .tabs-right > .nav-tabs {
|
|
2862
|
width: 20%;
|
|
2863
|
}
|
|
2864
|
.tabs-container .tabs-left .panel-body {
|
|
2865
|
width: 80%;
|
|
2866
|
margin-left: 20%;
|
|
2867
|
}
|
|
2868
|
.tabs-container .tabs-right .panel-body {
|
|
2869
|
width: 80%;
|
|
2870
|
margin-right: 20%;
|
|
2871
|
}
|
|
2872
|
.tabs-container .tab-content > .tab-pane,
|
|
2873
|
.tabs-container .pill-content > .pill-pane {
|
|
2874
|
display: none;
|
|
2875
|
}
|
|
2876
|
.tabs-container .tab-content > .active,
|
|
2877
|
.tabs-container .pill-content > .active {
|
|
2878
|
display: block;
|
|
2879
|
}
|
|
2880
|
.tabs-container .tabs-below > .nav-tabs {
|
|
2881
|
border-top: 1px solid #e7eaec;
|
|
2882
|
}
|
|
2883
|
.tabs-container .tabs-below > .nav-tabs > li {
|
|
2884
|
margin-top: -1px;
|
|
2885
|
margin-bottom: 0;
|
|
2886
|
}
|
|
2887
|
.tabs-container .tabs-below > .nav-tabs > li > a {
|
|
2888
|
-webkit-border-radius: 0 0 4px 4px;
|
|
2889
|
-moz-border-radius: 0 0 4px 4px;
|
|
2890
|
border-radius: 0 0 4px 4px;
|
|
2891
|
}
|
|
2892
|
.tabs-container .tabs-below > .nav-tabs > li > a:hover,
|
|
2893
|
.tabs-container .tabs-below > .nav-tabs > li > a:focus {
|
|
2894
|
border-top-color: #e7eaec;
|
|
2895
|
border-bottom-color: transparent;
|
|
2896
|
}
|
|
2897
|
.tabs-container .tabs-left > .nav-tabs > li,
|
|
2898
|
.tabs-container .tabs-right > .nav-tabs > li {
|
|
2899
|
float: none;
|
|
2900
|
}
|
|
2901
|
.tabs-container .tabs-left > .nav-tabs > li > a,
|
|
2902
|
.tabs-container .tabs-right > .nav-tabs > li > a {
|
|
2903
|
min-width: 74px;
|
|
2904
|
margin-right: 0;
|
|
2905
|
margin-bottom: 3px;
|
|
2906
|
}
|
|
2907
|
.tabs-container .tabs-left > .nav-tabs {
|
|
2908
|
float: left;
|
|
2909
|
margin-right: 19px;
|
|
2910
|
}
|
|
2911
|
.tabs-container .tabs-left > .nav-tabs > li > a {
|
|
2912
|
margin-right: -1px;
|
|
2913
|
-webkit-border-radius: 4px 0 0 4px;
|
|
2914
|
-moz-border-radius: 4px 0 0 4px;
|
|
2915
|
border-radius: 4px 0 0 4px;
|
|
2916
|
}
|
|
2917
|
.tabs-container .tabs-left > .nav-tabs .active > a,
|
|
2918
|
.tabs-container .tabs-left > .nav-tabs .active > a:hover,
|
|
2919
|
.tabs-container .tabs-left > .nav-tabs .active > a:focus {
|
|
2920
|
border-color: #e7eaec transparent #e7eaec #e7eaec;
|
|
2921
|
*border-right-color: #ffffff;
|
|
2922
|
}
|
|
2923
|
.tabs-container .tabs-right > .nav-tabs {
|
|
2924
|
float: right;
|
|
2925
|
margin-left: 19px;
|
|
2926
|
}
|
|
2927
|
.tabs-container .tabs-right > .nav-tabs > li > a {
|
|
2928
|
margin-left: -1px;
|
|
2929
|
-webkit-border-radius: 0 4px 4px 0;
|
|
2930
|
-moz-border-radius: 0 4px 4px 0;
|
|
2931
|
border-radius: 0 4px 4px 0;
|
|
2932
|
}
|
|
2933
|
.tabs-container .tabs-right > .nav-tabs .active > a,
|
|
2934
|
.tabs-container .tabs-right > .nav-tabs .active > a:hover,
|
|
2935
|
.tabs-container .tabs-right > .nav-tabs .active > a:focus {
|
|
2936
|
border-color: #e7eaec #e7eaec #e7eaec transparent;
|
|
2937
|
*border-left-color: #ffffff;
|
|
2938
|
z-index: 1;
|
|
2939
|
}
|
|
2940
|
/* jsvectormap */
|
|
2941
|
.jvectormap-container {
|
|
2942
|
width: 100%;
|
|
2943
|
height: 100%;
|
|
2944
|
position: relative;
|
|
2945
|
overflow: hidden;
|
|
2946
|
}
|
|
2947
|
.jvectormap-tip {
|
|
2948
|
position: absolute;
|
|
2949
|
display: none;
|
|
2950
|
border: solid 1px #CDCDCD;
|
|
2951
|
border-radius: 3px;
|
|
2952
|
background: #292929;
|
|
2953
|
color: white;
|
|
2954
|
font-family: sans-serif, Verdana;
|
|
2955
|
font-size: smaller;
|
|
2956
|
padding: 5px;
|
|
2957
|
}
|
|
2958
|
.jvectormap-zoomin,
|
|
2959
|
.jvectormap-zoomout,
|
|
2960
|
.jvectormap-goback {
|
|
2961
|
position: absolute;
|
|
2962
|
left: 10px;
|
|
2963
|
border-radius: 3px;
|
|
2964
|
background: #6098eb;
|
|
2965
|
padding: 3px;
|
|
2966
|
color: white;
|
|
2967
|
cursor: pointer;
|
|
2968
|
line-height: 10px;
|
|
2969
|
text-align: center;
|
|
2970
|
box-sizing: content-box;
|
|
2971
|
}
|
|
2972
|
.jvectormap-zoomin,
|
|
2973
|
.jvectormap-zoomout {
|
|
2974
|
width: 10px;
|
|
2975
|
height: 10px;
|
|
2976
|
}
|
|
2977
|
.jvectormap-zoomin {
|
|
2978
|
top: 10px;
|
|
2979
|
}
|
|
2980
|
.jvectormap-zoomout {
|
|
2981
|
top: 30px;
|
|
2982
|
}
|
|
2983
|
.jvectormap-goback {
|
|
2984
|
bottom: 10px;
|
|
2985
|
z-index: 1000;
|
|
2986
|
padding: 6px;
|
|
2987
|
}
|
|
2988
|
.jvectormap-spinner {
|
|
2989
|
position: absolute;
|
|
2990
|
left: 0;
|
|
2991
|
top: 0;
|
|
2992
|
right: 0;
|
|
2993
|
bottom: 0;
|
|
2994
|
background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
|
|
2995
|
}
|
|
2996
|
.jvectormap-legend-title {
|
|
2997
|
font-weight: bold;
|
|
2998
|
font-size: 14px;
|
|
2999
|
text-align: center;
|
|
3000
|
}
|
|
3001
|
.jvectormap-legend-cnt {
|
|
3002
|
position: absolute;
|
|
3003
|
}
|
|
3004
|
.jvectormap-legend-cnt-h {
|
|
3005
|
bottom: 0;
|
|
3006
|
right: 0;
|
|
3007
|
}
|
|
3008
|
.jvectormap-legend-cnt-v {
|
|
3009
|
top: 0;
|
|
3010
|
right: 0;
|
|
3011
|
}
|
|
3012
|
.jvectormap-legend {
|
|
3013
|
background: black;
|
|
3014
|
color: white;
|
|
3015
|
border-radius: 3px;
|
|
3016
|
}
|
|
3017
|
.jvectormap-legend-cnt-h .jvectormap-legend {
|
|
3018
|
float: left;
|
|
3019
|
margin: 0 10px 10px 0;
|
|
3020
|
padding: 3px 3px 1px 3px;
|
|
3021
|
}
|
|
3022
|
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
|
|
3023
|
float: left;
|
|
3024
|
}
|
|
3025
|
.jvectormap-legend-cnt-v .jvectormap-legend {
|
|
3026
|
margin: 10px 10px 0 0;
|
|
3027
|
padding: 3px;
|
|
3028
|
}
|
|
3029
|
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
|
|
3030
|
width: 40px;
|
|
3031
|
}
|
|
3032
|
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
|
|
3033
|
height: 15px;
|
|
3034
|
}
|
|
3035
|
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
|
|
3036
|
height: 20px;
|
|
3037
|
width: 20px;
|
|
3038
|
display: inline-block;
|
|
3039
|
vertical-align: middle;
|
|
3040
|
}
|
|
3041
|
.jvectormap-legend-tick-text {
|
|
3042
|
font-size: 12px;
|
|
3043
|
}
|
|
3044
|
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
|
|
3045
|
text-align: center;
|
|
3046
|
}
|
|
3047
|
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
|
|
3048
|
display: inline-block;
|
|
3049
|
vertical-align: middle;
|
|
3050
|
line-height: 20px;
|
|
3051
|
padding-left: 3px;
|
|
3052
|
}
|
|
3053
|
/*Slick Carousel */
|
|
3054
|
.slick-prev:before,
|
|
3055
|
.slick-next:before {
|
|
3056
|
color: #6098eb !important;
|
|
3057
|
}
|
|
3058
|
/* Payments */
|
|
3059
|
.payment-card {
|
|
3060
|
background: #ffffff;
|
|
3061
|
padding: 20px;
|
|
3062
|
margin-bottom: 25px;
|
|
3063
|
border: 1px solid #e7eaec;
|
|
3064
|
}
|
|
3065
|
.payment-icon-big {
|
|
3066
|
font-size: 60px;
|
|
3067
|
color: #d1dade;
|
|
3068
|
}
|
|
3069
|
.payments-method.panel-group .panel + .panel {
|
|
3070
|
margin-top: -1px;
|
|
3071
|
}
|
|
3072
|
.payments-method .panel-heading {
|
|
3073
|
padding: 15px;
|
|
3074
|
}
|
|
3075
|
.payments-method .panel {
|
|
3076
|
border-radius: 0;
|
|
3077
|
}
|
|
3078
|
.payments-method .panel-heading h5 {
|
|
3079
|
margin-bottom: 5px;
|
|
3080
|
}
|
|
3081
|
.payments-method .panel-heading i {
|
|
3082
|
font-size: 26px;
|
|
3083
|
}
|
|
3084
|
/* Select2 custom styles */
|
|
3085
|
.select2-container--default .select2-selection--single,
|
|
3086
|
.select2-container--default .select2-selection--multiple {
|
|
3087
|
border-color: #e7eaec;
|
|
3088
|
}
|
|
3089
|
.sidebard-panel {
|
|
3090
|
width: 220px;
|
|
3091
|
background: #ebebed;
|
|
3092
|
padding: 10px 20px;
|
|
3093
|
position: absolute;
|
|
3094
|
right: 0;
|
|
3095
|
}
|
|
3096
|
.sidebard-panel .feed-element img.img-circle {
|
|
3097
|
width: 32px;
|
|
3098
|
height: 32px;
|
|
3099
|
}
|
|
3100
|
.sidebard-panel .feed-element,
|
|
3101
|
.media-body,
|
|
3102
|
.sidebard-panel p {
|
|
3103
|
font-size: 12px;
|
|
3104
|
}
|
|
3105
|
.sidebard-panel .feed-element {
|
|
3106
|
margin-top: 20px;
|
|
3107
|
padding-bottom: 0;
|
|
3108
|
}
|
|
3109
|
.sidebard-panel .list-group {
|
|
3110
|
margin-bottom: 10px;
|
|
3111
|
}
|
|
3112
|
.sidebard-panel .list-group .list-group-item {
|
|
3113
|
padding: 5px 0;
|
|
3114
|
font-size: 12px;
|
|
3115
|
border: 0;
|
|
3116
|
}
|
|
3117
|
.sidebar-content .wrapper,
|
|
3118
|
.wrapper.sidebar-content {
|
|
3119
|
padding-right: 230px !important;
|
|
3120
|
}
|
|
3121
|
.body-small .sidebar-content .wrapper,
|
|
3122
|
.body-small .wrapper.sidebar-content {
|
|
3123
|
padding-right: 20px !important;
|
|
3124
|
}
|
|
3125
|
#right-sidebar {
|
|
3126
|
background-color: #fff;
|
|
3127
|
border-left: 1px solid #e7eaec;
|
|
3128
|
border-top: 1px solid #e7eaec;
|
|
3129
|
overflow: hidden;
|
|
3130
|
position: fixed;
|
|
3131
|
top: 60px;
|
|
3132
|
width: 260px !important;
|
|
3133
|
z-index: 1009;
|
|
3134
|
bottom: 0;
|
|
3135
|
right: -260px;
|
|
3136
|
}
|
|
3137
|
#right-sidebar.sidebar-open {
|
|
3138
|
right: 0;
|
|
3139
|
}
|
|
3140
|
#right-sidebar.sidebar-open.sidebar-top {
|
|
3141
|
top: 0;
|
|
3142
|
border-top: none;
|
|
3143
|
}
|
|
3144
|
.sidebar-container ul.nav-tabs {
|
|
3145
|
border: none;
|
|
3146
|
}
|
|
3147
|
.sidebar-container ul.nav-tabs.navs-4 li {
|
|
3148
|
width: 25%;
|
|
3149
|
}
|
|
3150
|
.sidebar-container ul.nav-tabs.navs-3 li {
|
|
3151
|
width: 33.3333%;
|
|
3152
|
}
|
|
3153
|
.sidebar-container ul.nav-tabs.navs-2 li {
|
|
3154
|
width: 50%;
|
|
3155
|
}
|
|
3156
|
.sidebar-container ul.nav-tabs li {
|
|
3157
|
border: none;
|
|
3158
|
}
|
|
3159
|
.sidebar-container ul.nav-tabs li a {
|
|
3160
|
border: none;
|
|
3161
|
padding: 12px 10px;
|
|
3162
|
margin: 0;
|
|
3163
|
border-radius: 0;
|
|
3164
|
background: #2f4050;
|
|
3165
|
color: #fff;
|
|
3166
|
text-align: center;
|
|
3167
|
border-right: 1px solid #334556;
|
|
3168
|
}
|
|
3169
|
.sidebar-container ul.nav-tabs li.active a {
|
|
3170
|
border: none;
|
|
3171
|
background: #f9f9f9;
|
|
3172
|
color: #676a6c;
|
|
3173
|
font-weight: bold;
|
|
3174
|
}
|
|
3175
|
.sidebar-container .nav-tabs > li.active > a:hover,
|
|
3176
|
.sidebar-container .nav-tabs > li.active > a:focus {
|
|
3177
|
border: none;
|
|
3178
|
}
|
|
3179
|
.sidebar-container ul.sidebar-list {
|
|
3180
|
margin: 0;
|
|
3181
|
padding: 0;
|
|
3182
|
}
|
|
3183
|
.sidebar-container ul.sidebar-list li {
|
|
3184
|
border-bottom: 1px solid #e7eaec;
|
|
3185
|
padding: 15px 20px;
|
|
3186
|
list-style: none;
|
|
3187
|
font-size: 12px;
|
|
3188
|
}
|
|
3189
|
.sidebar-container .sidebar-message:nth-child(2n+2) {
|
|
3190
|
background: #f9f9f9;
|
|
3191
|
}
|
|
3192
|
.sidebar-container ul.sidebar-list li a {
|
|
3193
|
text-decoration: none;
|
|
3194
|
color: inherit;
|
|
3195
|
}
|
|
3196
|
.sidebar-container .sidebar-content {
|
|
3197
|
padding: 15px 20px ;
|
|
3198
|
font-size: 12px;
|
|
3199
|
}
|
|
3200
|
.sidebar-container .sidebar-title {
|
|
3201
|
background: #f9f9f9;
|
|
3202
|
padding: 20px;
|
|
3203
|
border-bottom: 1px solid #e7eaec;
|
|
3204
|
}
|
|
3205
|
.sidebar-container .sidebar-title h3 {
|
|
3206
|
margin-bottom: 3px;
|
|
3207
|
padding-left: 2px;
|
|
3208
|
}
|
|
3209
|
.sidebar-container .tab-content h4 {
|
|
3210
|
margin-bottom: 5px;
|
|
3211
|
}
|
|
3212
|
.sidebar-container .sidebar-message > a > .pull-left {
|
|
3213
|
margin-right: 10px;
|
|
3214
|
}
|
|
3215
|
.sidebar-container .sidebar-message > a {
|
|
3216
|
text-decoration: none;
|
|
3217
|
color: inherit;
|
|
3218
|
}
|
|
3219
|
.sidebar-container .sidebar-message {
|
|
3220
|
padding: 15px 20px;
|
|
3221
|
}
|
|
3222
|
.sidebar-container .sidebar-message .message-avatar {
|
|
3223
|
height: 38px;
|
|
3224
|
width: 38px;
|
|
3225
|
border-radius: 50%;
|
|
3226
|
}
|
|
3227
|
.sidebar-container .setings-item {
|
|
3228
|
padding: 15px 20px;
|
|
3229
|
border-bottom: 1px solid #e7eaec;
|
|
3230
|
}
|
|
3231
|
body {
|
|
3232
|
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
3233
|
background-color: #2f4050;
|
|
3234
|
font-size: 13px;
|
|
3235
|
color: #676a6c;
|
|
3236
|
overflow-x: hidden;
|
|
3237
|
}
|
|
3238
|
html,
|
|
3239
|
body {
|
|
3240
|
height: 100%;
|
|
3241
|
}
|
|
3242
|
body.full-height-layout #wrapper,
|
|
3243
|
body.full-height-layout #page-wrapper {
|
|
3244
|
height: 100%;
|
|
3245
|
}
|
|
3246
|
#page-wrapper {
|
|
3247
|
min-height: auto;
|
|
3248
|
}
|
|
3249
|
body.boxed-layout {
|
|
3250
|
background: url('patterns/shattered.png');
|
|
3251
|
}
|
|
3252
|
body.boxed-layout #wrapper {
|
|
3253
|
background-color: #2f4050;
|
|
3254
|
max-width: 1200px;
|
|
3255
|
margin: 0 auto;
|
|
3256
|
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
|
|
3257
|
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
|
|
3258
|
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
|
|
3259
|
}
|
|
3260
|
.top-navigation.boxed-layout #wrapper,
|
|
3261
|
.boxed-layout #wrapper.top-navigation {
|
|
3262
|
max-width: 1300px !important;
|
|
3263
|
}
|
|
3264
|
.block {
|
|
3265
|
display: block;
|
|
3266
|
}
|
|
3267
|
.clear {
|
|
3268
|
display: block;
|
|
3269
|
overflow: hidden;
|
|
3270
|
}
|
|
3271
|
a {
|
|
3272
|
cursor: pointer;
|
|
3273
|
}
|
|
3274
|
a:hover,
|
|
3275
|
a:focus {
|
|
3276
|
text-decoration: none;
|
|
3277
|
}
|
|
3278
|
.border-bottom {
|
|
3279
|
border-bottom: 1px solid #e7eaec !important;
|
|
3280
|
}
|
|
3281
|
.font-bold {
|
|
3282
|
font-weight: 600;
|
|
3283
|
}
|
|
3284
|
.font-noraml {
|
|
3285
|
font-weight: 400;
|
|
3286
|
}
|
|
3287
|
.text-uppercase {
|
|
3288
|
text-transform: uppercase;
|
|
3289
|
}
|
|
3290
|
.b-r {
|
|
3291
|
border-right: 1px solid #e7eaec;
|
|
3292
|
}
|
|
3293
|
.hr-line-dashed {
|
|
3294
|
border-top: 1px dashed #e7eaec;
|
|
3295
|
color: #ffffff;
|
|
3296
|
background-color: #ffffff;
|
|
3297
|
height: 1px;
|
|
3298
|
margin: 20px 0;
|
|
3299
|
}
|
|
3300
|
.hr-line-solid {
|
|
3301
|
border-bottom: 1px solid #e7eaec;
|
|
3302
|
background-color: rgba(0, 0, 0, 0);
|
|
3303
|
border-style: solid !important;
|
|
3304
|
margin-top: 15px;
|
|
3305
|
margin-bottom: 15px;
|
|
3306
|
}
|
|
3307
|
video {
|
|
3308
|
width: 100% !important;
|
|
3309
|
height: auto !important;
|
|
3310
|
}
|
|
3311
|
/* GALLERY */
|
|
3312
|
.gallery > .row > div {
|
|
3313
|
margin-bottom: 15px;
|
|
3314
|
}
|
|
3315
|
.fancybox img {
|
|
3316
|
margin-bottom: 5px;
|
|
3317
|
/* Only for demo */
|
|
3318
|
width: 24%;
|
|
3319
|
}
|
|
3320
|
/* Summernote text editor */
|
|
3321
|
.note-editor {
|
|
3322
|
height: auto !important;
|
|
3323
|
min-height: 300px;
|
|
3324
|
}
|
|
3325
|
/* MODAL */
|
|
3326
|
.modal-content {
|
|
3327
|
background-clip: padding-box;
|
|
3328
|
background-color: #FFFFFF;
|
|
3329
|
border: 1px solid rgba(0, 0, 0, 0);
|
|
3330
|
border-radius: 4px;
|
|
3331
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
|
3332
|
outline: 0 none;
|
|
3333
|
position: relative;
|
|
3334
|
}
|
|
3335
|
.modal-dialog {
|
|
3336
|
z-index: 2200;
|
|
3337
|
}
|
|
3338
|
.modal-body {
|
|
3339
|
padding: 20px 30px 30px 30px;
|
|
3340
|
}
|
|
3341
|
.inmodal .modal-body {
|
|
3342
|
background: #f8fafb;
|
|
3343
|
}
|
|
3344
|
.inmodal .modal-header {
|
|
3345
|
padding: 30px 15px;
|
|
3346
|
text-align: center;
|
|
3347
|
}
|
|
3348
|
.animated.modal.fade .modal-dialog {
|
|
3349
|
-webkit-transform: none;
|
|
3350
|
-ms-transform: none;
|
|
3351
|
-o-transform: none;
|
|
3352
|
transform: none;
|
|
3353
|
}
|
|
3354
|
.inmodal .modal-title {
|
|
3355
|
font-size: 26px;
|
|
3356
|
}
|
|
3357
|
.inmodal .modal-icon {
|
|
3358
|
font-size: 84px;
|
|
3359
|
color: #e2e3e3;
|
|
3360
|
}
|
|
3361
|
.modal-footer {
|
|
3362
|
margin-top: 0;
|
|
3363
|
}
|
|
3364
|
/* WRAPPERS */
|
|
3365
|
#wrapper {
|
|
3366
|
width: 100%;
|
|
3367
|
overflow-x: hidden;
|
|
3368
|
}
|
|
3369
|
.wrapper {
|
|
3370
|
padding: 0 20px;
|
|
3371
|
}
|
|
3372
|
.wrapper-content {
|
|
3373
|
padding: 20px 10px 40px;
|
|
3374
|
}
|
|
3375
|
#page-wrapper {
|
|
3376
|
padding: 0 15px;
|
|
3377
|
min-height: 568px;
|
|
3378
|
position: relative !important;
|
|
3379
|
}
|
|
3380
|
@media (min-width: 768px) {
|
|
3381
|
#page-wrapper {
|
|
3382
|
position: inherit;
|
|
3383
|
margin: 0 0 0 240px;
|
|
3384
|
min-height: 1000px;
|
|
3385
|
}
|
|
3386
|
}
|
|
3387
|
.title-action {
|
|
3388
|
text-align: right;
|
|
3389
|
padding-top: 30px;
|
|
3390
|
}
|
|
3391
|
.ibox-content h1,
|
|
3392
|
.ibox-content h2,
|
|
3393
|
.ibox-content h3,
|
|
3394
|
.ibox-content h4,
|
|
3395
|
.ibox-content h5,
|
|
3396
|
.ibox-title h1,
|
|
3397
|
.ibox-title h2,
|
|
3398
|
.ibox-title h3,
|
|
3399
|
.ibox-title h4,
|
|
3400
|
.ibox-title h5 {
|
|
3401
|
margin-top: 5px;
|
|
3402
|
}
|
|
3403
|
ul.unstyled,
|
|
3404
|
ol.unstyled {
|
|
3405
|
list-style: none outside none;
|
|
3406
|
margin-left: 0;
|
|
3407
|
}
|
|
3408
|
.big-icon {
|
|
3409
|
font-size: 160px !important;
|
|
3410
|
color: #e5e6e7;
|
|
3411
|
}
|
|
3412
|
/* FOOTER */
|
|
3413
|
.footer {
|
|
3414
|
background: none repeat scroll 0 0 white;
|
|
3415
|
border-top: 1px solid #e7eaec;
|
|
3416
|
bottom: 0;
|
|
3417
|
left: 0;
|
|
3418
|
padding: 10px 20px;
|
|
3419
|
position: absolute;
|
|
3420
|
right: 0;
|
|
3421
|
}
|
|
3422
|
.footer.fixed_full {
|
|
3423
|
position: fixed;
|
|
3424
|
bottom: 0;
|
|
3425
|
left: 0;
|
|
3426
|
right: 0;
|
|
3427
|
z-index: 1000;
|
|
3428
|
padding: 10px 20px;
|
|
3429
|
background: white;
|
|
3430
|
border-top: 1px solid #e7eaec;
|
|
3431
|
}
|
|
3432
|
.footer.fixed {
|
|
3433
|
position: fixed;
|
|
3434
|
bottom: 0;
|
|
3435
|
left: 0;
|
|
3436
|
right: 0;
|
|
3437
|
z-index: 1000;
|
|
3438
|
padding: 10px 20px;
|
|
3439
|
background: white;
|
|
3440
|
border-top: 1px solid #e7eaec;
|
|
3441
|
margin-left: 220px;
|
|
3442
|
}
|
|
3443
|
body.mini-navbar .footer.fixed,
|
|
3444
|
body.body-small.mini-navbar .footer.fixed {
|
|
3445
|
margin: 0 0 0 70px;
|
|
3446
|
}
|
|
3447
|
body.mini-navbar.canvas-menu .footer.fixed,
|
|
3448
|
body.canvas-menu .footer.fixed {
|
|
3449
|
margin: 0 !important;
|
|
3450
|
}
|
|
3451
|
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
|
|
3452
|
margin: 0 0 0 220px;
|
|
3453
|
}
|
|
3454
|
body.body-small .footer.fixed {
|
|
3455
|
margin-left: 0px;
|
|
3456
|
}
|
|
3457
|
/* PANELS */
|
|
3458
|
.page-heading {
|
|
3459
|
border-top: 0;
|
|
3460
|
padding: 0px 10px 20px 10px;
|
|
3461
|
}
|
|
3462
|
.panel-heading h1,
|
|
3463
|
.panel-heading h2 {
|
|
3464
|
margin-bottom: 5px;
|
|
3465
|
}
|
|
3466
|
/* TABLES */
|
|
3467
|
.table-bordered {
|
|
3468
|
border: 1px solid #EBEBEB;
|
|
3469
|
}
|
|
3470
|
.table-bordered > thead > tr > th,
|
|
3471
|
.table-bordered > thead > tr > td {
|
|
3472
|
background-color: #F5F5F6;
|
|
3473
|
border-bottom-width: 1px;
|
|
3474
|
}
|
|
3475
|
.table-bordered > thead > tr > th,
|
|
3476
|
.table-bordered > tbody > tr > th,
|
|
3477
|
.table-bordered > tfoot > tr > th,
|
|
3478
|
.table-bordered > thead > tr > td,
|
|
3479
|
.table-bordered > tbody > tr > td,
|
|
3480
|
.table-bordered > tfoot > tr > td {
|
|
3481
|
border: 1px solid #e7e7e7;
|
|
3482
|
}
|
|
3483
|
.table > thead > tr > th {
|
|
3484
|
border-bottom: 1px solid #DDDDDD;
|
|
3485
|
vertical-align: bottom;
|
|
3486
|
}
|
|
3487
|
.table > thead > tr > th,
|
|
3488
|
.table > tbody > tr > th,
|
|
3489
|
.table > tfoot > tr > th,
|
|
3490
|
.table > thead > tr > td,
|
|
3491
|
.table > tbody > tr > td,
|
|
3492
|
.table > tfoot > tr > td {
|
|
3493
|
border-top: 1px solid #e7eaec;
|
|
3494
|
line-height: 1.42857;
|
|
3495
|
padding: 8px;
|
|
3496
|
vertical-align: top;
|
|
3497
|
}
|
|
3498
|
/* PANELS */
|
|
3499
|
.panel.blank-panel {
|
|
3500
|
background: none;
|
|
3501
|
margin: 0;
|
|
3502
|
}
|
|
3503
|
.blank-panel .panel-heading {
|
|
3504
|
padding-bottom: 0;
|
|
3505
|
}
|
|
3506
|
.nav-tabs > li.active > a,
|
|
3507
|
.nav-tabs > li.active > a:hover,
|
|
3508
|
.nav-tabs > li.active > a:focus {
|
|
3509
|
-moz-border-bottom-colors: none;
|
|
3510
|
-moz-border-left-colors: none;
|
|
3511
|
-moz-border-right-colors: none;
|
|
3512
|
-moz-border-top-colors: none;
|
|
3513
|
background: none;
|
|
3514
|
border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
|
|
3515
|
border-bottom: #f3f3f4;
|
|
3516
|
border-image: none;
|
|
3517
|
border-style: solid;
|
|
3518
|
border-width: 1px;
|
|
3519
|
color: #555555;
|
|
3520
|
cursor: default;
|
|
3521
|
}
|
|
3522
|
.nav.nav-tabs li {
|
|
3523
|
background: none;
|
|
3524
|
border: none;
|
|
3525
|
}
|
|
3526
|
.nav-tabs > li > a {
|
|
3527
|
color: #A7B1C2;
|
|
3528
|
font-weight: 600;
|
|
3529
|
padding: 10px 20px 10px 25px;
|
|
3530
|
}
|
|
3531
|
.nav-tabs > li > a:hover,
|
|
3532
|
.nav-tabs > li > a:focus {
|
|
3533
|
background-color: #e6e6e6;
|
|
3534
|
color: #676a6c;
|
|
3535
|
}
|
|
3536
|
.ui-tab .tab-content {
|
|
3537
|
padding: 20px 0px;
|
|
3538
|
}
|
|
3539
|
/* GLOBAL */
|
|
3540
|
.no-padding {
|
|
3541
|
padding: 0 !important;
|
|
3542
|
}
|
|
3543
|
.no-borders {
|
|
3544
|
border: none !important;
|
|
3545
|
}
|
|
3546
|
.no-margins {
|
|
3547
|
margin: 0 !important;
|
|
3548
|
}
|
|
3549
|
.no-top-border {
|
|
3550
|
border-top: 0 !important;
|
|
3551
|
}
|
|
3552
|
.ibox-content.text-box {
|
|
3553
|
padding-bottom: 0px;
|
|
3554
|
padding-top: 15px;
|
|
3555
|
}
|
|
3556
|
.border-left-right {
|
|
3557
|
border-left: 1px solid #e7eaec;
|
|
3558
|
border-right: 1px solid #e7eaec;
|
|
3559
|
border-top: none;
|
|
3560
|
border-bottom: none;
|
|
3561
|
}
|
|
3562
|
.border-left {
|
|
3563
|
border-left: 1px solid #e7eaec;
|
|
3564
|
border-right: none;
|
|
3565
|
border-top: none;
|
|
3566
|
border-bottom: none;
|
|
3567
|
}
|
|
3568
|
.border-right {
|
|
3569
|
border-left: none;
|
|
3570
|
border-right: 1px solid #e7eaec;
|
|
3571
|
border-top: none;
|
|
3572
|
border-bottom: none;
|
|
3573
|
}
|
|
3574
|
.full-width {
|
|
3575
|
width: 100% !important;
|
|
3576
|
}
|
|
3577
|
.link-block {
|
|
3578
|
font-size: 12px;
|
|
3579
|
padding: 10px;
|
|
3580
|
}
|
|
3581
|
.nav.navbar-top-links .link-block a {
|
|
3582
|
font-size: 12px;
|
|
3583
|
}
|
|
3584
|
.link-block a {
|
|
3585
|
font-size: 10px;
|
|
3586
|
color: inherit;
|
|
3587
|
}
|
|
3588
|
body.mini-navbar .branding {
|
|
3589
|
display: none;
|
|
3590
|
}
|
|
3591
|
img.circle-border {
|
|
3592
|
border: 6px solid #FFFFFF;
|
|
3593
|
border-radius: 50%;
|
|
3594
|
}
|
|
3595
|
.branding {
|
|
3596
|
float: left;
|
|
3597
|
color: #FFFFFF;
|
|
3598
|
font-size: 18px;
|
|
3599
|
font-weight: 600;
|
|
3600
|
padding: 17px 20px;
|
|
3601
|
text-align: center;
|
|
3602
|
background-color: #6098eb;
|
|
3603
|
}
|
|
3604
|
.login-panel {
|
|
3605
|
margin-top: 25%;
|
|
3606
|
}
|
|
3607
|
.icons-box h3 {
|
|
3608
|
margin-top: 10px;
|
|
3609
|
margin-bottom: 10px;
|
|
3610
|
}
|
|
3611
|
.icons-box .infont a i {
|
|
3612
|
font-size: 25px;
|
|
3613
|
display: block;
|
|
3614
|
color: #676a6c;
|
|
3615
|
}
|
|
3616
|
.icons-box .infont a {
|
|
3617
|
color: #a6a8a9;
|
|
3618
|
}
|
|
3619
|
.icons-box .infont a {
|
|
3620
|
padding: 10px;
|
|
3621
|
margin: 1px;
|
|
3622
|
display: block;
|
|
3623
|
}
|
|
3624
|
.ui-draggable .ibox-title {
|
|
3625
|
cursor: move;
|
|
3626
|
}
|
|
3627
|
.breadcrumb {
|
|
3628
|
background-color: #ffffff;
|
|
3629
|
padding: 0;
|
|
3630
|
margin-bottom: 0;
|
|
3631
|
}
|
|
3632
|
.breadcrumb > li a {
|
|
3633
|
color: inherit;
|
|
3634
|
}
|
|
3635
|
.breadcrumb > .active {
|
|
3636
|
color: inherit;
|
|
3637
|
}
|
|
3638
|
code {
|
|
3639
|
background-color: #F9F2F4;
|
|
3640
|
border-radius: 4px;
|
|
3641
|
color: #ca4440;
|
|
3642
|
font-size: 90%;
|
|
3643
|
padding: 2px 4px;
|
|
3644
|
white-space: nowrap;
|
|
3645
|
}
|
|
3646
|
.ibox {
|
|
3647
|
clear: both;
|
|
3648
|
margin-bottom: 25px;
|
|
3649
|
margin-top: 0;
|
|
3650
|
padding: 0;
|
|
3651
|
}
|
|
3652
|
.ibox.collapsed .ibox-content {
|
|
3653
|
display: none;
|
|
3654
|
}
|
|
3655
|
.ibox.collapsed .fa.fa-chevron-up:before {
|
|
3656
|
content: "\f078";
|
|
3657
|
}
|
|
3658
|
.ibox.collapsed .fa.fa-chevron-down:before {
|
|
3659
|
content: "\f077";
|
|
3660
|
}
|
|
3661
|
.ibox:after,
|
|
3662
|
.ibox:before {
|
|
3663
|
display: table;
|
|
3664
|
}
|
|
3665
|
.ibox-title {
|
|
3666
|
-moz-border-bottom-colors: none;
|
|
3667
|
-moz-border-left-colors: none;
|
|
3668
|
-moz-border-right-colors: none;
|
|
3669
|
-moz-border-top-colors: none;
|
|
3670
|
background-color: #ffffff;
|
|
3671
|
border-color: #e7eaec;
|
|
3672
|
border-image: none;
|
|
3673
|
border-style: solid solid none;
|
|
3674
|
border-width: 3px 0 0;
|
|
3675
|
color: inherit;
|
|
3676
|
margin-bottom: 0;
|
|
3677
|
padding: 14px 15px 7px;
|
|
3678
|
min-height: 48px;
|
|
3679
|
}
|
|
3680
|
.ibox-content {
|
|
3681
|
background-color: #ffffff;
|
|
3682
|
color: inherit;
|
|
3683
|
padding: 15px 20px 20px 20px;
|
|
3684
|
border-color: #e7eaec;
|
|
3685
|
border-image: none;
|
|
3686
|
border-style: solid solid none;
|
|
3687
|
border-width: 1px 0px;
|
|
3688
|
}
|
|
3689
|
.ibox-footer {
|
|
3690
|
color: inherit;
|
|
3691
|
border-top: 1px solid #e7eaec;
|
|
3692
|
font-size: 90%;
|
|
3693
|
background: #ffffff;
|
|
3694
|
padding: 10px 15px;
|
|
3695
|
}
|
|
3696
|
table.table-mail tr td {
|
|
3697
|
padding: 12px;
|
|
3698
|
}
|
|
3699
|
.table-mail .check-mail {
|
|
3700
|
padding-left: 20px;
|
|
3701
|
}
|
|
3702
|
.table-mail .mail-date {
|
|
3703
|
padding-right: 20px;
|
|
3704
|
}
|
|
3705
|
.star-mail,
|
|
3706
|
.check-mail {
|
|
3707
|
width: 40px;
|
|
3708
|
}
|
|
3709
|
.unread td a,
|
|
3710
|
.unread td {
|
|
3711
|
font-weight: 600;
|
|
3712
|
color: inherit;
|
|
3713
|
}
|
|
3714
|
.read td a,
|
|
3715
|
.read td {
|
|
3716
|
font-weight: normal;
|
|
3717
|
color: inherit;
|
|
3718
|
}
|
|
3719
|
.unread td {
|
|
3720
|
background-color: #f9f8f8;
|
|
3721
|
}
|
|
3722
|
.ibox-content {
|
|
3723
|
clear: both;
|
|
3724
|
}
|
|
3725
|
.ibox-heading {
|
|
3726
|
background-color: #f3f6fb;
|
|
3727
|
border-bottom: none;
|
|
3728
|
}
|
|
3729
|
.ibox-heading h3 {
|
|
3730
|
font-weight: 200;
|
|
3731
|
font-size: 24px;
|
|
3732
|
}
|
|
3733
|
.ibox-title h5 {
|
|
3734
|
display: inline-block;
|
|
3735
|
font-size: 14px;
|
|
3736
|
margin: 0 0 7px;
|
|
3737
|
padding: 0;
|
|
3738
|
text-overflow: ellipsis;
|
|
3739
|
float: left;
|
|
3740
|
}
|
|
3741
|
.ibox-title .label {
|
|
3742
|
float: left;
|
|
3743
|
margin-left: 4px;
|
|
3744
|
}
|
|
3745
|
.ibox-tools {
|
|
3746
|
display: block;
|
|
3747
|
float: none;
|
|
3748
|
margin-top: 0;
|
|
3749
|
position: relative;
|
|
3750
|
padding: 0;
|
|
3751
|
text-align: right;
|
|
3752
|
}
|
|
3753
|
.ibox-tools a {
|
|
3754
|
cursor: pointer;
|
|
3755
|
margin-left: 5px;
|
|
3756
|
color: #c4c4c4;
|
|
3757
|
}
|
|
3758
|
.ibox-tools a.btn-primary {
|
|
3759
|
color: #fff;
|
|
3760
|
}
|
|
3761
|
.ibox-tools .dropdown-menu > li > a {
|
|
3762
|
padding: 4px 10px;
|
|
3763
|
font-size: 12px;
|
|
3764
|
}
|
|
3765
|
.ibox .ibox-tools.open > .dropdown-menu {
|
|
3766
|
left: auto;
|
|
3767
|
right: 0;
|
|
3768
|
}
|
|
3769
|
/* BACKGROUNDS */
|
|
3770
|
.gray-bg {
|
|
3771
|
background-color: #f3f3f4;
|
|
3772
|
}
|
|
3773
|
.white-bg {
|
|
3774
|
background-color: #ffffff;
|
|
3775
|
}
|
|
3776
|
.navy-bg {
|
|
3777
|
background-color: #6098eb;
|
|
3778
|
color: #ffffff;
|
|
3779
|
}
|
|
3780
|
.blue-bg {
|
|
3781
|
background-color: #1c84c6;
|
|
3782
|
color: #ffffff;
|
|
3783
|
}
|
|
3784
|
.lazur-bg {
|
|
3785
|
background-color: #23c6c8;
|
|
3786
|
color: #ffffff;
|
|
3787
|
}
|
|
3788
|
.yellow-bg {
|
|
3789
|
background-color: #f8ac59;
|
|
3790
|
color: #ffffff;
|
|
3791
|
}
|
|
3792
|
.red-bg {
|
|
3793
|
background-color: #ed5565;
|
|
3794
|
color: #ffffff;
|
|
3795
|
}
|
|
3796
|
.black-bg {
|
|
3797
|
background-color: #262626;
|
|
3798
|
}
|
|
3799
|
.panel-primary {
|
|
3800
|
border-color: #6098eb;
|
|
3801
|
}
|
|
3802
|
.panel-primary > .panel-heading {
|
|
3803
|
background-color: #6098eb;
|
|
3804
|
border-color: #6098eb;
|
|
3805
|
}
|
|
3806
|
.panel-success {
|
|
3807
|
border-color: #1c84c6;
|
|
3808
|
}
|
|
3809
|
.panel-success > .panel-heading {
|
|
3810
|
background-color: #1c84c6;
|
|
3811
|
border-color: #1c84c6;
|
|
3812
|
color: #ffffff;
|
|
3813
|
}
|
|
3814
|
.panel-info {
|
|
3815
|
border-color: #23c6c8;
|
|
3816
|
}
|
|
3817
|
.panel-info > .panel-heading {
|
|
3818
|
background-color: #23c6c8;
|
|
3819
|
border-color: #23c6c8;
|
|
3820
|
color: #ffffff;
|
|
3821
|
}
|
|
3822
|
.panel-warning {
|
|
3823
|
border-color: #f8ac59;
|
|
3824
|
}
|
|
3825
|
.panel-warning > .panel-heading {
|
|
3826
|
background-color: #f8ac59;
|
|
3827
|
border-color: #f8ac59;
|
|
3828
|
color: #ffffff;
|
|
3829
|
}
|
|
3830
|
.panel-danger {
|
|
3831
|
border-color: #ed5565;
|
|
3832
|
}
|
|
3833
|
.panel-danger > .panel-heading {
|
|
3834
|
background-color: #ed5565;
|
|
3835
|
border-color: #ed5565;
|
|
3836
|
color: #ffffff;
|
|
3837
|
}
|
|
3838
|
.progress-bar {
|
|
3839
|
background-color: #6098eb;
|
|
3840
|
}
|
|
3841
|
.progress-small,
|
|
3842
|
.progress-small .progress-bar {
|
|
3843
|
height: 10px;
|
|
3844
|
}
|
|
3845
|
.progress-small,
|
|
3846
|
.progress-mini {
|
|
3847
|
margin-top: 5px;
|
|
3848
|
}
|
|
3849
|
.progress-mini,
|
|
3850
|
.progress-mini .progress-bar {
|
|
3851
|
height: 5px;
|
|
3852
|
margin-bottom: 0px;
|
|
3853
|
}
|
|
3854
|
.progress-bar-navy-light {
|
|
3855
|
background-color: #3dc7ab;
|
|
3856
|
}
|
|
3857
|
.progress-bar-success {
|
|
3858
|
background-color: #1c84c6;
|
|
3859
|
}
|
|
3860
|
.progress-bar-info {
|
|
3861
|
background-color: #23c6c8;
|
|
3862
|
}
|
|
3863
|
.progress-bar-warning {
|
|
3864
|
background-color: #f8ac59;
|
|
3865
|
}
|
|
3866
|
.progress-bar-danger {
|
|
3867
|
background-color: #ed5565;
|
|
3868
|
}
|
|
3869
|
.panel-title {
|
|
3870
|
font-size: inherit;
|
|
3871
|
}
|
|
3872
|
.jumbotron {
|
|
3873
|
border-radius: 6px;
|
|
3874
|
padding: 40px;
|
|
3875
|
}
|
|
3876
|
.jumbotron h1 {
|
|
3877
|
margin-top: 0;
|
|
3878
|
}
|
|
3879
|
/* COLORS */
|
|
3880
|
.text-navy {
|
|
3881
|
color: #6098eb;
|
|
3882
|
}
|
|
3883
|
.text-primary {
|
|
3884
|
color: inherit;
|
|
3885
|
}
|
|
3886
|
.text-success {
|
|
3887
|
color: #1c84c6;
|
|
3888
|
}
|
|
3889
|
.text-info {
|
|
3890
|
color: #23c6c8;
|
|
3891
|
}
|
|
3892
|
.text-warning {
|
|
3893
|
color: #f8ac59;
|
|
3894
|
}
|
|
3895
|
.text-danger {
|
|
3896
|
color: #ed5565;
|
|
3897
|
}
|
|
3898
|
.text-muted {
|
|
3899
|
color: #888888;
|
|
3900
|
}
|
|
3901
|
.text-white {
|
|
3902
|
color: #ffffff;
|
|
3903
|
}
|
|
3904
|
.simple_tag {
|
|
3905
|
background-color: #f3f3f4;
|
|
3906
|
border: 1px solid #e7eaec;
|
|
3907
|
border-radius: 2px;
|
|
3908
|
color: inherit;
|
|
3909
|
font-size: 10px;
|
|
3910
|
margin-right: 5px;
|
|
3911
|
margin-top: 5px;
|
|
3912
|
padding: 5px 12px;
|
|
3913
|
display: inline-block;
|
|
3914
|
}
|
|
3915
|
.img-shadow {
|
|
3916
|
-webkit-box-shadow: 0px 0px 3px 0px #919191;
|
|
3917
|
-moz-box-shadow: 0px 0px 3px 0px #919191;
|
|
3918
|
box-shadow: 0px 0px 3px 0px #919191;
|
|
3919
|
}
|
|
3920
|
/* For handle diferent bg color in AngularJS version */
|
|
3921
|
.dashboards\.dashboard_2 nav.navbar,
|
|
3922
|
.dashboards\.dashboard_3 nav.navbar,
|
|
3923
|
.mailbox\.inbox nav.navbar,
|
|
3924
|
.mailbox\.email_view nav.navbar,
|
|
3925
|
.mailbox\.email_compose nav.navbar,
|
|
3926
|
.dashboards\.dashboard_4_1 nav.navbar,
|
|
3927
|
.metrics nav.navbar,
|
|
3928
|
.metrics\.index nav.navbar,
|
|
3929
|
.dashboards\.dashboard_5 nav.navbar {
|
|
3930
|
background: #fff;
|
|
3931
|
}
|
|
3932
|
/* For handle diferent bg color in MVC version */
|
|
3933
|
.Dashboard_2 .navbar.navbar-static-top,
|
|
3934
|
.Dashboard_3 .navbar.navbar-static-top,
|
|
3935
|
.Dashboard_4_1 .navbar.navbar-static-top,
|
|
3936
|
.ComposeEmail .navbar.navbar-static-top,
|
|
3937
|
.EmailView .navbar.navbar-static-top,
|
|
3938
|
.Inbox .navbar.navbar-static-top,
|
|
3939
|
.Metrics .navbar.navbar-static-top,
|
|
3940
|
.Dashboard_5 .navbar.navbar-static-top {
|
|
3941
|
background: #fff;
|
|
3942
|
}
|
|
3943
|
a.close-canvas-menu {
|
|
3944
|
position: absolute;
|
|
3945
|
top: 10px;
|
|
3946
|
right: 15px;
|
|
3947
|
z-index: 1011;
|
|
3948
|
color: #a7b1c2;
|
|
3949
|
}
|
|
3950
|
a.close-canvas-menu:hover {
|
|
3951
|
color: #fff;
|
|
3952
|
}
|
|
3953
|
/* FULL HEIGHT */
|
|
3954
|
.full-height {
|
|
3955
|
height: 100%;
|
|
3956
|
}
|
|
3957
|
.fh-breadcrumb {
|
|
3958
|
height: calc(100% - 196px);
|
|
3959
|
margin: 0 -15px;
|
|
3960
|
position: relative;
|
|
3961
|
}
|
|
3962
|
.fh-no-breadcrumb {
|
|
3963
|
height: calc(100% - 99px);
|
|
3964
|
margin: 0 -15px;
|
|
3965
|
position: relative;
|
|
3966
|
}
|
|
3967
|
.fh-column {
|
|
3968
|
background: #fff;
|
|
3969
|
height: 100%;
|
|
3970
|
width: 240px;
|
|
3971
|
float: left;
|
|
3972
|
}
|
|
3973
|
.modal-backdrop {
|
|
3974
|
z-index: 2040 !important;
|
|
3975
|
}
|
|
3976
|
.modal {
|
|
3977
|
z-index: 2050 !important;
|
|
3978
|
}
|
|
3979
|
.spiner-example {
|
|
3980
|
height: 200px;
|
|
3981
|
padding-top: 70px;
|
|
3982
|
}
|
|
3983
|
/* MARGINS & PADDINGS */
|
|
3984
|
.p-xxs {
|
|
3985
|
padding: 5px;
|
|
3986
|
}
|
|
3987
|
.p-xs {
|
|
3988
|
padding: 10px;
|
|
3989
|
}
|
|
3990
|
.p-sm {
|
|
3991
|
padding: 15px;
|
|
3992
|
}
|
|
3993
|
.p-m {
|
|
3994
|
padding: 20px;
|
|
3995
|
}
|
|
3996
|
.p-md {
|
|
3997
|
padding: 25px;
|
|
3998
|
}
|
|
3999
|
.p-lg {
|
|
4000
|
padding: 30px;
|
|
4001
|
}
|
|
4002
|
.p-xl {
|
|
4003
|
padding: 40px;
|
|
4004
|
}
|
|
4005
|
.p-w-xs {
|
|
4006
|
padding: 0 10px;
|
|
4007
|
}
|
|
4008
|
.p-w-sm {
|
|
4009
|
padding: 0 15px;
|
|
4010
|
}
|
|
4011
|
.p-w-m {
|
|
4012
|
padding: 0 20px;
|
|
4013
|
}
|
|
4014
|
.p-w-md {
|
|
4015
|
padding: 0 25px;
|
|
4016
|
}
|
|
4017
|
.p-w-lg {
|
|
4018
|
padding: 0 30px;
|
|
4019
|
}
|
|
4020
|
.p-w-xl {
|
|
4021
|
padding: 0 40px;
|
|
4022
|
}
|
|
4023
|
.m-xxs {
|
|
4024
|
margin: 2px 4px;
|
|
4025
|
}
|
|
4026
|
.m-xs {
|
|
4027
|
margin: 5px;
|
|
4028
|
}
|
|
4029
|
.m-sm {
|
|
4030
|
margin: 10px;
|
|
4031
|
}
|
|
4032
|
.m {
|
|
4033
|
margin: 15px;
|
|
4034
|
}
|
|
4035
|
.m-md {
|
|
4036
|
margin: 20px;
|
|
4037
|
}
|
|
4038
|
.m-lg {
|
|
4039
|
margin: 30px;
|
|
4040
|
}
|
|
4041
|
.m-xl {
|
|
4042
|
margin: 50px;
|
|
4043
|
}
|
|
4044
|
.m-n {
|
|
4045
|
margin: 0 !important;
|
|
4046
|
}
|
|
4047
|
.m-l-none {
|
|
4048
|
margin-left: 0;
|
|
4049
|
}
|
|
4050
|
.m-l-xs {
|
|
4051
|
margin-left: 5px;
|
|
4052
|
}
|
|
4053
|
.m-l-sm {
|
|
4054
|
margin-left: 10px;
|
|
4055
|
}
|
|
4056
|
.m-l {
|
|
4057
|
margin-left: 15px;
|
|
4058
|
}
|
|
4059
|
.m-l-md {
|
|
4060
|
margin-left: 20px;
|
|
4061
|
}
|
|
4062
|
.m-l-lg {
|
|
4063
|
margin-left: 30px;
|
|
4064
|
}
|
|
4065
|
.m-l-xl {
|
|
4066
|
margin-left: 40px;
|
|
4067
|
}
|
|
4068
|
.m-l-n-xxs {
|
|
4069
|
margin-left: -1px;
|
|
4070
|
}
|
|
4071
|
.m-l-n-xs {
|
|
4072
|
margin-left: -5px;
|
|
4073
|
}
|
|
4074
|
.m-l-n-sm {
|
|
4075
|
margin-left: -10px;
|
|
4076
|
}
|
|
4077
|
.m-l-n {
|
|
4078
|
margin-left: -15px;
|
|
4079
|
}
|
|
4080
|
.m-l-n-md {
|
|
4081
|
margin-left: -20px;
|
|
4082
|
}
|
|
4083
|
.m-l-n-lg {
|
|
4084
|
margin-left: -30px;
|
|
4085
|
}
|
|
4086
|
.m-l-n-xl {
|
|
4087
|
margin-left: -40px;
|
|
4088
|
}
|
|
4089
|
.m-t-none {
|
|
4090
|
margin-top: 0;
|
|
4091
|
}
|
|
4092
|
.m-t-xxs {
|
|
4093
|
margin-top: 1px;
|
|
4094
|
}
|
|
4095
|
.m-t-xs {
|
|
4096
|
margin-top: 5px;
|
|
4097
|
}
|
|
4098
|
.m-t-sm {
|
|
4099
|
margin-top: 10px;
|
|
4100
|
}
|
|
4101
|
.m-t {
|
|
4102
|
margin-top: 15px;
|
|
4103
|
}
|
|
4104
|
.m-t-md {
|
|
4105
|
margin-top: 20px;
|
|
4106
|
}
|
|
4107
|
.m-t-lg {
|
|
4108
|
margin-top: 30px;
|
|
4109
|
}
|
|
4110
|
.m-t-xl {
|
|
4111
|
margin-top: 40px;
|
|
4112
|
}
|
|
4113
|
.m-t-n-xxs {
|
|
4114
|
margin-top: -1px;
|
|
4115
|
}
|
|
4116
|
.m-t-n-xs {
|
|
4117
|
margin-top: -5px;
|
|
4118
|
}
|
|
4119
|
.m-t-n-sm {
|
|
4120
|
margin-top: -10px;
|
|
4121
|
}
|
|
4122
|
.m-t-n {
|
|
4123
|
margin-top: -15px;
|
|
4124
|
}
|
|
4125
|
.m-t-n-md {
|
|
4126
|
margin-top: -20px;
|
|
4127
|
}
|
|
4128
|
.m-t-n-lg {
|
|
4129
|
margin-top: -30px;
|
|
4130
|
}
|
|
4131
|
.m-t-n-xl {
|
|
4132
|
margin-top: -40px;
|
|
4133
|
}
|
|
4134
|
.m-r-none {
|
|
4135
|
margin-right: 0;
|
|
4136
|
}
|
|
4137
|
.m-r-xxs {
|
|
4138
|
margin-right: 1px;
|
|
4139
|
}
|
|
4140
|
.m-r-xs {
|
|
4141
|
margin-right: 5px;
|
|
4142
|
}
|
|
4143
|
.m-r-sm {
|
|
4144
|
margin-right: 10px;
|
|
4145
|
}
|
|
4146
|
.m-r {
|
|
4147
|
margin-right: 15px;
|
|
4148
|
}
|
|
4149
|
.m-r-md {
|
|
4150
|
margin-right: 20px;
|
|
4151
|
}
|
|
4152
|
.m-r-lg {
|
|
4153
|
margin-right: 30px;
|
|
4154
|
}
|
|
4155
|
.m-r-xl {
|
|
4156
|
margin-right: 40px;
|
|
4157
|
}
|
|
4158
|
.m-r-n-xxs {
|
|
4159
|
margin-right: -1px;
|
|
4160
|
}
|
|
4161
|
.m-r-n-xs {
|
|
4162
|
margin-right: -5px;
|
|
4163
|
}
|
|
4164
|
.m-r-n-sm {
|
|
4165
|
margin-right: -10px;
|
|
4166
|
}
|
|
4167
|
.m-r-n {
|
|
4168
|
margin-right: -15px;
|
|
4169
|
}
|
|
4170
|
.m-r-n-md {
|
|
4171
|
margin-right: -20px;
|
|
4172
|
}
|
|
4173
|
.m-r-n-lg {
|
|
4174
|
margin-right: -30px;
|
|
4175
|
}
|
|
4176
|
.m-r-n-xl {
|
|
4177
|
margin-right: -40px;
|
|
4178
|
}
|
|
4179
|
.m-b-none {
|
|
4180
|
margin-bottom: 0;
|
|
4181
|
}
|
|
4182
|
.m-b-xxs {
|
|
4183
|
margin-bottom: 1px;
|
|
4184
|
}
|
|
4185
|
.m-b-xs {
|
|
4186
|
margin-bottom: 5px;
|
|
4187
|
}
|
|
4188
|
.m-b-sm {
|
|
4189
|
margin-bottom: 10px;
|
|
4190
|
}
|
|
4191
|
.m-b {
|
|
4192
|
margin-bottom: 15px;
|
|
4193
|
}
|
|
4194
|
.m-b-md {
|
|
4195
|
margin-bottom: 20px;
|
|
4196
|
}
|
|
4197
|
.m-b-lg {
|
|
4198
|
margin-bottom: 30px;
|
|
4199
|
}
|
|
4200
|
.m-b-xl {
|
|
4201
|
margin-bottom: 40px;
|
|
4202
|
}
|
|
4203
|
.m-b-n-xxs {
|
|
4204
|
margin-bottom: -1px;
|
|
4205
|
}
|
|
4206
|
.m-b-n-xs {
|
|
4207
|
margin-bottom: -5px;
|
|
4208
|
}
|
|
4209
|
.m-b-n-sm {
|
|
4210
|
margin-bottom: -10px;
|
|
4211
|
}
|
|
4212
|
.m-b-n {
|
|
4213
|
margin-bottom: -15px;
|
|
4214
|
}
|
|
4215
|
.m-b-n-md {
|
|
4216
|
margin-bottom: -20px;
|
|
4217
|
}
|
|
4218
|
.m-b-n-lg {
|
|
4219
|
margin-bottom: -30px;
|
|
4220
|
}
|
|
4221
|
.m-b-n-xl {
|
|
4222
|
margin-bottom: -40px;
|
|
4223
|
}
|
|
4224
|
.space-15 {
|
|
4225
|
margin: 15px 0;
|
|
4226
|
}
|
|
4227
|
.space-20 {
|
|
4228
|
margin: 20px 0;
|
|
4229
|
}
|
|
4230
|
.space-25 {
|
|
4231
|
margin: 25px 0;
|
|
4232
|
}
|
|
4233
|
.space-30 {
|
|
4234
|
margin: 30px 0;
|
|
4235
|
}
|
|
4236
|
.fullscreen-ibox-mode .animated {
|
|
4237
|
animation: none;
|
|
4238
|
}
|
|
4239
|
body.fullscreen-ibox-mode {
|
|
4240
|
overflow-y: hidden;
|
|
4241
|
}
|
|
4242
|
.ibox.fullscreen {
|
|
4243
|
z-index: 2030;
|
|
4244
|
position: fixed;
|
|
4245
|
top: 0;
|
|
4246
|
left: 0;
|
|
4247
|
right: 0;
|
|
4248
|
bottom: 0;
|
|
4249
|
overflow: auto;
|
|
4250
|
margin-bottom: 0;
|
|
4251
|
}
|
|
4252
|
.ibox.fullscreen .collapse-link {
|
|
4253
|
display: none;
|
|
4254
|
}
|
|
4255
|
.ibox.fullscreen .ibox-content {
|
|
4256
|
min-height: calc(100% - 48px);
|
|
4257
|
}
|
|
4258
|
body.modal-open {
|
|
4259
|
padding-right: inherit !important;
|
|
4260
|
}
|
|
4261
|
body.modal-open .animated {
|
|
4262
|
animation-fill-mode: initial;
|
|
4263
|
}
|
|
4264
|
/* Show profile dropdown on fixed sidebar */
|
|
4265
|
body.mini-navbar.fixed-sidebar .profile-element,
|
|
4266
|
.block {
|
|
4267
|
display: block !important;
|
|
4268
|
}
|
|
4269
|
body.mini-navbar.fixed-sidebar .nav-header {
|
|
4270
|
padding: 33px 25px;
|
|
4271
|
}
|
|
4272
|
body.mini-navbar.fixed-sidebar .logo-element {
|
|
4273
|
display: none;
|
|
4274
|
}
|
|
4275
|
/* SEARCH PAGE */
|
|
4276
|
.search-form {
|
|
4277
|
margin-top: 10px;
|
|
4278
|
}
|
|
4279
|
.search-result h3 {
|
|
4280
|
margin-bottom: 0;
|
|
4281
|
color: #1E0FBE;
|
|
4282
|
}
|
|
4283
|
.search-result .search-link {
|
|
4284
|
color: #006621;
|
|
4285
|
}
|
|
4286
|
.search-result p {
|
|
4287
|
font-size: 12px;
|
|
4288
|
margin-top: 5px;
|
|
4289
|
}
|
|
4290
|
/* CONTACTS */
|
|
4291
|
.contact-box {
|
|
4292
|
background-color: #ffffff;
|
|
4293
|
border: 1px solid #e7eaec;
|
|
4294
|
padding: 20px;
|
|
4295
|
margin-bottom: 20px;
|
|
4296
|
}
|
|
4297
|
.contact-box > a {
|
|
4298
|
color: inherit;
|
|
4299
|
}
|
|
4300
|
.contact-box.center-version {
|
|
4301
|
border: 1px solid #e7eaec;
|
|
4302
|
padding: 0;
|
|
4303
|
}
|
|
4304
|
.contact-box.center-version > a {
|
|
4305
|
display: block;
|
|
4306
|
background-color: #ffffff;
|
|
4307
|
padding: 20px;
|
|
4308
|
text-align: center;
|
|
4309
|
}
|
|
4310
|
.contact-box.center-version > a img {
|
|
4311
|
width: 80px;
|
|
4312
|
height: 80px;
|
|
4313
|
margin-top: 10px;
|
|
4314
|
margin-bottom: 10px;
|
|
4315
|
}
|
|
4316
|
.contact-box.center-version address {
|
|
4317
|
margin-bottom: 0;
|
|
4318
|
}
|
|
4319
|
.contact-box .contact-box-footer {
|
|
4320
|
text-align: center;
|
|
4321
|
background-color: #ffffff;
|
|
4322
|
border-top: 1px solid #e7eaec;
|
|
4323
|
padding: 15px 20px;
|
|
4324
|
}
|
|
4325
|
/* INVOICE */
|
|
4326
|
.invoice-table tbody > tr > td:last-child,
|
|
4327
|
.invoice-table tbody > tr > td:nth-child(4),
|
|
4328
|
.invoice-table tbody > tr > td:nth-child(3),
|
|
4329
|
.invoice-table tbody > tr > td:nth-child(2) {
|
|
4330
|
text-align: right;
|
|
4331
|
}
|
|
4332
|
.invoice-table thead > tr > th:last-child,
|
|
4333
|
.invoice-table thead > tr > th:nth-child(4),
|
|
4334
|
.invoice-table thead > tr > th:nth-child(3),
|
|
4335
|
.invoice-table thead > tr > th:nth-child(2) {
|
|
4336
|
text-align: right;
|
|
4337
|
}
|
|
4338
|
.invoice-total > tbody > tr > td:first-child {
|
|
4339
|
text-align: right;
|
|
4340
|
}
|
|
4341
|
.invoice-total > tbody > tr > td {
|
|
4342
|
border: 0 none;
|
|
4343
|
}
|
|
4344
|
.invoice-total > tbody > tr > td:last-child {
|
|
4345
|
border-bottom: 1px solid #DDDDDD;
|
|
4346
|
text-align: right;
|
|
4347
|
width: 15%;
|
|
4348
|
}
|
|
4349
|
/* ERROR & LOGIN & LOCKSCREEN*/
|
|
4350
|
.middle-box {
|
|
4351
|
max-width: 400px;
|
|
4352
|
z-index: 100;
|
|
4353
|
margin: 0 auto;
|
|
4354
|
padding-top: 40px;
|
|
4355
|
}
|
|
4356
|
.lockscreen.middle-box {
|
|
4357
|
width: 200px;
|
|
4358
|
padding-top: 110px;
|
|
4359
|
}
|
|
4360
|
.loginscreen.middle-box {
|
|
4361
|
width: 300px;
|
|
4362
|
}
|
|
4363
|
.loginColumns {
|
|
4364
|
max-width: 800px;
|
|
4365
|
margin: 0 auto;
|
|
4366
|
padding: 100px 20px 20px 20px;
|
|
4367
|
}
|
|
4368
|
.passwordBox {
|
|
4369
|
max-width: 460px;
|
|
4370
|
margin: 0 auto;
|
|
4371
|
padding: 100px 20px 20px 20px;
|
|
4372
|
}
|
|
4373
|
.logo-name {
|
|
4374
|
color: #e6e6e6;
|
|
4375
|
font-size: 180px;
|
|
4376
|
font-weight: 800;
|
|
4377
|
letter-spacing: -10px;
|
|
4378
|
margin-bottom: 0px;
|
|
4379
|
}
|
|
4380
|
.middle-box h1 {
|
|
4381
|
font-size: 170px;
|
|
4382
|
}
|
|
4383
|
.wrapper .middle-box {
|
|
4384
|
margin-top: 140px;
|
|
4385
|
}
|
|
4386
|
.lock-word {
|
|
4387
|
z-index: 10;
|
|
4388
|
position: absolute;
|
|
4389
|
top: 110px;
|
|
4390
|
left: 50%;
|
|
4391
|
margin-left: -470px;
|
|
4392
|
}
|
|
4393
|
.lock-word span {
|
|
4394
|
font-size: 100px;
|
|
4395
|
font-weight: 600;
|
|
4396
|
color: #e9e9e9;
|
|
4397
|
display: inline-block;
|
|
4398
|
}
|
|
4399
|
.lock-word .first-word {
|
|
4400
|
margin-right: 160px;
|
|
4401
|
}
|
|
4402
|
/* DASBOARD */
|
|
4403
|
.dashboard-header {
|
|
4404
|
border-top: 0;
|
|
4405
|
padding: 20px 20px 20px 20px;
|
|
4406
|
}
|
|
4407
|
.dashboard-header h2 {
|
|
4408
|
margin-top: 10px;
|
|
4409
|
font-size: 26px;
|
|
4410
|
}
|
|
4411
|
.fist-item {
|
|
4412
|
border-top: none !important;
|
|
4413
|
}
|
|
4414
|
.statistic-box {
|
|
4415
|
margin-top: 40px;
|
|
4416
|
}
|
|
4417
|
.dashboard-header .list-group-item span.label {
|
|
4418
|
margin-right: 10px;
|
|
4419
|
}
|
|
4420
|
.list-group.clear-list .list-group-item {
|
|
4421
|
border-top: 1px solid #e7eaec;
|
|
4422
|
border-bottom: 0;
|
|
4423
|
border-right: 0;
|
|
4424
|
border-left: 0;
|
|
4425
|
padding: 10px 0;
|
|
4426
|
}
|
|
4427
|
ul.clear-list:first-child {
|
|
4428
|
border-top: none !important;
|
|
4429
|
}
|
|
4430
|
/* Intimeline */
|
|
4431
|
.timeline-item .date i {
|
|
4432
|
position: absolute;
|
|
4433
|
top: 0;
|
|
4434
|
right: 0;
|
|
4435
|
padding: 5px;
|
|
4436
|
width: 30px;
|
|
4437
|
text-align: center;
|
|
4438
|
border-top: 1px solid #e7eaec;
|
|
4439
|
border-bottom: 1px solid #e7eaec;
|
|
4440
|
border-left: 1px solid #e7eaec;
|
|
4441
|
background: #f8f8f8;
|
|
4442
|
}
|
|
4443
|
.timeline-item .date {
|
|
4444
|
text-align: right;
|
|
4445
|
width: 110px;
|
|
4446
|
position: relative;
|
|
4447
|
padding-top: 30px;
|
|
4448
|
}
|
|
4449
|
.timeline-item .content {
|
|
4450
|
border-left: 1px solid #e7eaec;
|
|
4451
|
border-top: 1px solid #e7eaec;
|
|
4452
|
padding-top: 10px;
|
|
4453
|
min-height: 100px;
|
|
4454
|
}
|
|
4455
|
.timeline-item .content:hover {
|
|
4456
|
background: #f6f6f6;
|
|
4457
|
}
|
|
4458
|
/* PIN BOARD */
|
|
4459
|
ul.notes li,
|
|
4460
|
ul.tag-list li {
|
|
4461
|
list-style: none;
|
|
4462
|
}
|
|
4463
|
ul.notes li h4 {
|
|
4464
|
margin-top: 20px;
|
|
4465
|
font-size: 16px;
|
|
4466
|
}
|
|
4467
|
ul.notes li div {
|
|
4468
|
text-decoration: none;
|
|
4469
|
color: #000;
|
|
4470
|
background: #ffc;
|
|
4471
|
display: block;
|
|
4472
|
height: 140px;
|
|
4473
|
width: 140px;
|
|
4474
|
padding: 1em;
|
|
4475
|
position: relative;
|
|
4476
|
}
|
|
4477
|
ul.notes li div small {
|
|
4478
|
position: absolute;
|
|
4479
|
top: 5px;
|
|
4480
|
right: 5px;
|
|
4481
|
font-size: 10px;
|
|
4482
|
}
|
|
4483
|
ul.notes li div a {
|
|
4484
|
position: absolute;
|
|
4485
|
right: 10px;
|
|
4486
|
bottom: 10px;
|
|
4487
|
color: inherit;
|
|
4488
|
}
|
|
4489
|
ul.notes li {
|
|
4490
|
margin: 10px 40px 50px 0px;
|
|
4491
|
float: left;
|
|
4492
|
}
|
|
4493
|
ul.notes li div p {
|
|
4494
|
font-size: 12px;
|
|
4495
|
}
|
|
4496
|
ul.notes li div {
|
|
4497
|
text-decoration: none;
|
|
4498
|
color: #000;
|
|
4499
|
background: #ffc;
|
|
4500
|
display: block;
|
|
4501
|
height: 140px;
|
|
4502
|
width: 140px;
|
|
4503
|
padding: 1em;
|
|
4504
|
/* Firefox */
|
|
4505
|
-moz-box-shadow: 5px 5px 2px #212121;
|
|
4506
|
/* Safari+Chrome */
|
|
4507
|
-webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
|
|
4508
|
/* Opera */
|
|
4509
|
box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
|
|
4510
|
}
|
|
4511
|
ul.notes li div {
|
|
4512
|
-webkit-transform: rotate(-6deg);
|
|
4513
|
-o-transform: rotate(-6deg);
|
|
4514
|
-moz-transform: rotate(-6deg);
|
|
4515
|
}
|
|
4516
|
ul.notes li:nth-child(even) div {
|
|
4517
|
-o-transform: rotate(4deg);
|
|
4518
|
-webkit-transform: rotate(4deg);
|
|
4519
|
-moz-transform: rotate(4deg);
|
|
4520
|
position: relative;
|
|
4521
|
top: 5px;
|
|
4522
|
}
|
|
4523
|
ul.notes li:nth-child(3n) div {
|
|
4524
|
-o-transform: rotate(-3deg);
|
|
4525
|
-webkit-transform: rotate(-3deg);
|
|
4526
|
-moz-transform: rotate(-3deg);
|
|
4527
|
position: relative;
|
|
4528
|
top: -5px;
|
|
4529
|
}
|
|
4530
|
ul.notes li:nth-child(5n) div {
|
|
4531
|
-o-transform: rotate(5deg);
|
|
4532
|
-webkit-transform: rotate(5deg);
|
|
4533
|
-moz-transform: rotate(5deg);
|
|
4534
|
position: relative;
|
|
4535
|
top: -10px;
|
|
4536
|
}
|
|
4537
|
ul.notes li div:hover,
|
|
4538
|
ul.notes li div:focus {
|
|
4539
|
-webkit-transform: scale(1.1);
|
|
4540
|
-moz-transform: scale(1.1);
|
|
4541
|
-o-transform: scale(1.1);
|
|
4542
|
position: relative;
|
|
4543
|
z-index: 5;
|
|
4544
|
}
|
|
4545
|
ul.notes li div {
|
|
4546
|
text-decoration: none;
|
|
4547
|
color: #000;
|
|
4548
|
background: #ffc;
|
|
4549
|
display: block;
|
|
4550
|
height: 210px;
|
|
4551
|
width: 210px;
|
|
4552
|
padding: 1em;
|
|
4553
|
-moz-box-shadow: 5px 5px 7px #212121;
|
|
4554
|
-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
|
|
4555
|
box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
|
|
4556
|
-moz-transition: -moz-transform 0.15s linear;
|
|
4557
|
-o-transition: -o-transform 0.15s linear;
|
|
4558
|
-webkit-transition: -webkit-transform 0.15s linear;
|
|
4559
|
}
|
|
4560
|
/* FILE MANAGER */
|
|
4561
|
.file-box {
|
|
4562
|
float: left;
|
|
4563
|
width: 220px;
|
|
4564
|
}
|
|
4565
|
.file-manager h5 {
|
|
4566
|
text-transform: uppercase;
|
|
4567
|
}
|
|
4568
|
.file-manager {
|
|
4569
|
list-style: none outside none;
|
|
4570
|
margin: 0;
|
|
4571
|
padding: 0;
|
|
4572
|
}
|
|
4573
|
.folder-list li a {
|
|
4574
|
color: #666666;
|
|
4575
|
display: block;
|
|
4576
|
padding: 5px 0;
|
|
4577
|
}
|
|
4578
|
.folder-list li {
|
|
4579
|
border-bottom: 1px solid #e7eaec;
|
|
4580
|
display: block;
|
|
4581
|
}
|
|
4582
|
.folder-list li i {
|
|
4583
|
margin-right: 8px;
|
|
4584
|
color: #3d4d5d;
|
|
4585
|
}
|
|
4586
|
.category-list li a {
|
|
4587
|
color: #666666;
|
|
4588
|
display: block;
|
|
4589
|
padding: 5px 0;
|
|
4590
|
}
|
|
4591
|
.category-list li {
|
|
4592
|
display: block;
|
|
4593
|
}
|
|
4594
|
.category-list li i {
|
|
4595
|
margin-right: 8px;
|
|
4596
|
color: #3d4d5d;
|
|
4597
|
}
|
|
4598
|
.category-list li a .text-navy {
|
|
4599
|
color: #6098eb;
|
|
4600
|
}
|
|
4601
|
.category-list li a .text-primary {
|
|
4602
|
color: #1c84c6;
|
|
4603
|
}
|
|
4604
|
.category-list li a .text-info {
|
|
4605
|
color: #23c6c8;
|
|
4606
|
}
|
|
4607
|
.category-list li a .text-danger {
|
|
4608
|
color: #EF5352;
|
|
4609
|
}
|
|
4610
|
.category-list li a .text-warning {
|
|
4611
|
color: #F8AC59;
|
|
4612
|
}
|
|
4613
|
.file-manager h5.tag-title {
|
|
4614
|
margin-top: 20px;
|
|
4615
|
}
|
|
4616
|
.tag-list li {
|
|
4617
|
float: left;
|
|
4618
|
}
|
|
4619
|
.tag-list li a {
|
|
4620
|
font-size: 10px;
|
|
4621
|
background-color: #f3f3f4;
|
|
4622
|
padding: 5px 12px;
|
|
4623
|
color: inherit;
|
|
4624
|
border-radius: 2px;
|
|
4625
|
border: 1px solid #e7eaec;
|
|
4626
|
margin-right: 5px;
|
|
4627
|
margin-top: 5px;
|
|
4628
|
display: block;
|
|
4629
|
}
|
|
4630
|
.file {
|
|
4631
|
border: 1px solid #e7eaec;
|
|
4632
|
padding: 0;
|
|
4633
|
background-color: #ffffff;
|
|
4634
|
position: relative;
|
|
4635
|
margin-bottom: 20px;
|
|
4636
|
margin-right: 20px;
|
|
4637
|
}
|
|
4638
|
.file-manager .hr-line-dashed {
|
|
4639
|
margin: 15px 0;
|
|
4640
|
}
|
|
4641
|
.file .icon,
|
|
4642
|
.file .image {
|
|
4643
|
height: 100px;
|
|
4644
|
overflow: hidden;
|
|
4645
|
}
|
|
4646
|
.file .icon {
|
|
4647
|
padding: 15px 10px;
|
|
4648
|
text-align: center;
|
|
4649
|
}
|
|
4650
|
.file-control {
|
|
4651
|
color: inherit;
|
|
4652
|
font-size: 11px;
|
|
4653
|
margin-right: 10px;
|
|
4654
|
}
|
|
4655
|
.file-control.active {
|
|
4656
|
text-decoration: underline;
|
|
4657
|
}
|
|
4658
|
.file .icon i {
|
|
4659
|
font-size: 70px;
|
|
4660
|
color: #dadada;
|
|
4661
|
}
|
|
4662
|
.file .file-name {
|
|
4663
|
padding: 10px;
|
|
4664
|
background-color: #f8f8f8;
|
|
4665
|
border-top: 1px solid #e7eaec;
|
|
4666
|
}
|
|
4667
|
.file-name small {
|
|
4668
|
color: #676a6c;
|
|
4669
|
}
|
|
4670
|
.corner {
|
|
4671
|
position: absolute;
|
|
4672
|
display: inline-block;
|
|
4673
|
width: 0;
|
|
4674
|
height: 0;
|
|
4675
|
line-height: 0;
|
|
4676
|
border: 0.6em solid transparent;
|
|
4677
|
border-right: 0.6em solid #f1f1f1;
|
|
4678
|
border-bottom: 0.6em solid #f1f1f1;
|
|
4679
|
right: 0em;
|
|
4680
|
bottom: 0em;
|
|
4681
|
}
|
|
4682
|
a.compose-mail {
|
|
4683
|
padding: 8px 10px;
|
|
4684
|
}
|
|
4685
|
.mail-search {
|
|
4686
|
max-width: 300px;
|
|
4687
|
}
|
|
4688
|
/* PROFILE */
|
|
4689
|
.profile-content {
|
|
4690
|
border-top: none !important;
|
|
4691
|
}
|
|
4692
|
.profile-stats {
|
|
4693
|
margin-right: 10px;
|
|
4694
|
}
|
|
4695
|
.profile-image {
|
|
4696
|
width: 120px;
|
|
4697
|
float: left;
|
|
4698
|
}
|
|
4699
|
.profile-image img {
|
|
4700
|
width: 96px;
|
|
4701
|
height: 96px;
|
|
4702
|
}
|
|
4703
|
.profile-info {
|
|
4704
|
margin-left: 120px;
|
|
4705
|
}
|
|
4706
|
.feed-activity-list .feed-element {
|
|
4707
|
border-bottom: 1px solid #e7eaec;
|
|
4708
|
}
|
|
4709
|
.feed-element:first-child {
|
|
4710
|
margin-top: 0;
|
|
4711
|
}
|
|
4712
|
.feed-element {
|
|
4713
|
padding-bottom: 15px;
|
|
4714
|
}
|
|
4715
|
.feed-element,
|
|
4716
|
.feed-element .media {
|
|
4717
|
margin-top: 15px;
|
|
4718
|
}
|
|
4719
|
.feed-element,
|
|
4720
|
.media-body {
|
|
4721
|
overflow: hidden;
|
|
4722
|
}
|
|
4723
|
.feed-element > .pull-left {
|
|
4724
|
margin-right: 10px;
|
|
4725
|
}
|
|
4726
|
.feed-element img.img-circle,
|
|
4727
|
.dropdown-messages-box img.img-circle {
|
|
4728
|
width: 38px;
|
|
4729
|
height: 38px;
|
|
4730
|
}
|
|
4731
|
.feed-element .well {
|
|
4732
|
border: 1px solid #e7eaec;
|
|
4733
|
box-shadow: none;
|
|
4734
|
margin-top: 10px;
|
|
4735
|
margin-bottom: 5px;
|
|
4736
|
padding: 10px 20px;
|
|
4737
|
font-size: 11px;
|
|
4738
|
line-height: 16px;
|
|
4739
|
}
|
|
4740
|
.feed-element .actions {
|
|
4741
|
margin-top: 10px;
|
|
4742
|
}
|
|
4743
|
.feed-element .photos {
|
|
4744
|
margin: 10px 0;
|
|
4745
|
}
|
|
4746
|
.feed-photo {
|
|
4747
|
max-height: 180px;
|
|
4748
|
border-radius: 4px;
|
|
4749
|
overflow: hidden;
|
|
4750
|
margin-right: 10px;
|
|
4751
|
margin-bottom: 10px;
|
|
4752
|
}
|
|
4753
|
.file-list li {
|
|
4754
|
padding: 5px 10px;
|
|
4755
|
font-size: 11px;
|
|
4756
|
border-radius: 2px;
|
|
4757
|
border: 1px solid #e7eaec;
|
|
4758
|
margin-bottom: 5px;
|
|
4759
|
}
|
|
4760
|
.file-list li a {
|
|
4761
|
color: inherit;
|
|
4762
|
}
|
|
4763
|
.file-list li a:hover {
|
|
4764
|
color: #6098eb;
|
|
4765
|
}
|
|
4766
|
.user-friends img {
|
|
4767
|
width: 42px;
|
|
4768
|
height: 42px;
|
|
4769
|
margin-bottom: 5px;
|
|
4770
|
margin-right: 5px;
|
|
4771
|
}
|
|
4772
|
/* MAILBOX */
|
|
4773
|
.mail-box {
|
|
4774
|
background-color: #ffffff;
|
|
4775
|
border: 1px solid #e7eaec;
|
|
4776
|
border-top: 0;
|
|
4777
|
padding: 0px;
|
|
4778
|
margin-bottom: 20px;
|
|
4779
|
}
|
|
4780
|
.mail-box-header {
|
|
4781
|
background-color: #ffffff;
|
|
4782
|
border: 1px solid #e7eaec;
|
|
4783
|
border-bottom: 0;
|
|
4784
|
padding: 30px 20px 20px 20px;
|
|
4785
|
}
|
|
4786
|
.mail-box-header h2 {
|
|
4787
|
margin-top: 0px;
|
|
4788
|
}
|
|
4789
|
.mailbox-content .tag-list li a {
|
|
4790
|
background: #ffffff;
|
|
4791
|
}
|
|
4792
|
.mail-body {
|
|
4793
|
border-top: 1px solid #e7eaec;
|
|
4794
|
padding: 20px;
|
|
4795
|
}
|
|
4796
|
.mail-text {
|
|
4797
|
border-top: 1px solid #e7eaec;
|
|
4798
|
}
|
|
4799
|
.mail-text .note-toolbar {
|
|
4800
|
padding: 10px 15px;
|
|
4801
|
}
|
|
4802
|
.mail-body .form-group {
|
|
4803
|
margin-bottom: 5px;
|
|
4804
|
}
|
|
4805
|
.mail-text .note-editor .note-toolbar {
|
|
4806
|
background-color: #F9F8F8;
|
|
4807
|
}
|
|
4808
|
.mail-attachment {
|
|
4809
|
border-top: 1px solid #e7eaec;
|
|
4810
|
padding: 20px;
|
|
4811
|
font-size: 12px;
|
|
4812
|
}
|
|
4813
|
.mailbox-content {
|
|
4814
|
background: none;
|
|
4815
|
border: none;
|
|
4816
|
padding: 10px;
|
|
4817
|
}
|
|
4818
|
.mail-ontact {
|
|
4819
|
width: 23%;
|
|
4820
|
}
|
|
4821
|
/* PROJECTS */
|
|
4822
|
.project-people,
|
|
4823
|
.project-actions {
|
|
4824
|
text-align: right;
|
|
4825
|
vertical-align: middle;
|
|
4826
|
}
|
|
4827
|
dd.project-people {
|
|
4828
|
text-align: left;
|
|
4829
|
margin-top: 5px;
|
|
4830
|
}
|
|
4831
|
.project-people img {
|
|
4832
|
width: 32px;
|
|
4833
|
height: 32px;
|
|
4834
|
}
|
|
4835
|
.project-title a {
|
|
4836
|
font-size: 14px;
|
|
4837
|
color: #676a6c;
|
|
4838
|
font-weight: 600;
|
|
4839
|
}
|
|
4840
|
.project-list table tr td {
|
|
4841
|
border-top: none;
|
|
4842
|
border-bottom: 1px solid #e7eaec;
|
|
4843
|
padding: 15px 10px;
|
|
4844
|
vertical-align: middle;
|
|
4845
|
}
|
|
4846
|
.project-manager .tag-list li a {
|
|
4847
|
font-size: 10px;
|
|
4848
|
background-color: white;
|
|
4849
|
padding: 5px 12px;
|
|
4850
|
color: inherit;
|
|
4851
|
border-radius: 2px;
|
|
4852
|
border: 1px solid #e7eaec;
|
|
4853
|
margin-right: 5px;
|
|
4854
|
margin-top: 5px;
|
|
4855
|
display: block;
|
|
4856
|
}
|
|
4857
|
.project-files li a {
|
|
4858
|
font-size: 11px;
|
|
4859
|
color: #676a6c;
|
|
4860
|
margin-left: 10px;
|
|
4861
|
line-height: 22px;
|
|
4862
|
}
|
|
4863
|
/* FAQ */
|
|
4864
|
.faq-item {
|
|
4865
|
padding: 20px;
|
|
4866
|
margin-bottom: 2px;
|
|
4867
|
background: #fff;
|
|
4868
|
}
|
|
4869
|
.faq-question {
|
|
4870
|
font-size: 18px;
|
|
4871
|
font-weight: 600;
|
|
4872
|
color: #6098eb;
|
|
4873
|
display: block;
|
|
4874
|
}
|
|
4875
|
.faq-question:hover {
|
|
4876
|
color: #179d82;
|
|
4877
|
}
|
|
4878
|
.faq-answer {
|
|
4879
|
margin-top: 10px;
|
|
4880
|
background: #f3f3f4;
|
|
4881
|
border: 1px solid #e7eaec;
|
|
4882
|
border-radius: 3px;
|
|
4883
|
padding: 15px;
|
|
4884
|
}
|
|
4885
|
.faq-item .tag-item {
|
|
4886
|
background: #f3f3f4;
|
|
4887
|
padding: 2px 6px;
|
|
4888
|
font-size: 10px;
|
|
4889
|
text-transform: uppercase;
|
|
4890
|
}
|
|
4891
|
/* Chat view */
|
|
4892
|
.message-input {
|
|
4893
|
height: 90px !important;
|
|
4894
|
}
|
|
4895
|
.chat-avatar {
|
|
4896
|
white: 36px;
|
|
4897
|
height: 36px;
|
|
4898
|
float: left;
|
|
4899
|
margin-right: 10px;
|
|
4900
|
}
|
|
4901
|
.chat-user-name {
|
|
4902
|
padding: 10px;
|
|
4903
|
}
|
|
4904
|
.chat-user {
|
|
4905
|
padding: 8px 10px;
|
|
4906
|
border-bottom: 1px solid #e7eaec;
|
|
4907
|
}
|
|
4908
|
.chat-user a {
|
|
4909
|
color: inherit;
|
|
4910
|
}
|
|
4911
|
.chat-view {
|
|
4912
|
z-index: 20012;
|
|
4913
|
}
|
|
4914
|
.chat-users,
|
|
4915
|
.chat-statistic {
|
|
4916
|
margin-left: -30px;
|
|
4917
|
}
|
|
4918
|
@media (max-width: 992px) {
|
|
4919
|
.chat-users,
|
|
4920
|
.chat-statistic {
|
|
4921
|
margin-left: 0px;
|
|
4922
|
}
|
|
4923
|
}
|
|
4924
|
.chat-view .ibox-content {
|
|
4925
|
padding: 0;
|
|
4926
|
}
|
|
4927
|
.chat-message {
|
|
4928
|
padding: 10px 20px;
|
|
4929
|
}
|
|
4930
|
.message-avatar {
|
|
4931
|
height: 48px;
|
|
4932
|
width: 48px;
|
|
4933
|
border: 1px solid #e7eaec;
|
|
4934
|
border-radius: 4px;
|
|
4935
|
margin-top: 1px;
|
|
4936
|
}
|
|
4937
|
.chat-discussion .chat-message.left .message-avatar {
|
|
4938
|
float: left;
|
|
4939
|
margin-right: 10px;
|
|
4940
|
}
|
|
4941
|
.chat-discussion .chat-message.right .message-avatar {
|
|
4942
|
float: right;
|
|
4943
|
margin-left: 10px;
|
|
4944
|
}
|
|
4945
|
.message {
|
|
4946
|
background-color: #fff;
|
|
4947
|
border: 1px solid #e7eaec;
|
|
4948
|
text-align: left;
|
|
4949
|
display: block;
|
|
4950
|
padding: 10px 20px;
|
|
4951
|
position: relative;
|
|
4952
|
border-radius: 4px;
|
|
4953
|
}
|
|
4954
|
.chat-discussion .chat-message.left .message-date {
|
|
4955
|
float: right;
|
|
4956
|
}
|
|
4957
|
.chat-discussion .chat-message.right .message-date {
|
|
4958
|
float: left;
|
|
4959
|
}
|
|
4960
|
.chat-discussion .chat-message.left .message {
|
|
4961
|
text-align: left;
|
|
4962
|
margin-left: 55px;
|
|
4963
|
}
|
|
4964
|
.chat-discussion .chat-message.right .message {
|
|
4965
|
text-align: right;
|
|
4966
|
margin-right: 55px;
|
|
4967
|
}
|
|
4968
|
.message-date {
|
|
4969
|
font-size: 10px;
|
|
4970
|
color: #888888;
|
|
4971
|
}
|
|
4972
|
.message-content {
|
|
4973
|
display: block;
|
|
4974
|
}
|
|
4975
|
.chat-discussion {
|
|
4976
|
background: #eee;
|
|
4977
|
padding: 15px;
|
|
4978
|
height: 400px;
|
|
4979
|
overflow-y: auto;
|
|
4980
|
}
|
|
4981
|
.chat-users {
|
|
4982
|
overflow-y: auto;
|
|
4983
|
height: 400px;
|
|
4984
|
}
|
|
4985
|
.chat-message-form .form-group {
|
|
4986
|
margin-bottom: 0;
|
|
4987
|
}
|
|
4988
|
/* jsTree */
|
|
4989
|
.jstree-open > .jstree-anchor > .fa-folder:before {
|
|
4990
|
content: "\f07c";
|
|
4991
|
}
|
|
4992
|
.jstree-default .jstree-icon.none {
|
|
4993
|
width: 0;
|
|
4994
|
}
|
|
4995
|
/* CLIENTS */
|
|
4996
|
.clients-list {
|
|
4997
|
margin-top: 20px;
|
|
4998
|
}
|
|
4999
|
.clients-list .tab-pane {
|
|
5000
|
position: relative;
|
|
5001
|
height: 600px;
|
|
5002
|
}
|
|
5003
|
.client-detail {
|
|
5004
|
position: relative;
|
|
5005
|
height: 620px;
|
|
5006
|
}
|
|
5007
|
.clients-list table tr td {
|
|
5008
|
height: 46px;
|
|
5009
|
vertical-align: middle;
|
|
5010
|
border: none ;
|
|
5011
|
}
|
|
5012
|
.client-link {
|
|
5013
|
font-weight: 600;
|
|
5014
|
color: inherit;
|
|
5015
|
}
|
|
5016
|
.client-link:hover {
|
|
5017
|
color: inherit;
|
|
5018
|
}
|
|
5019
|
.client-avatar {
|
|
5020
|
width: 42px;
|
|
5021
|
}
|
|
5022
|
.client-avatar img {
|
|
5023
|
width: 28px;
|
|
5024
|
height: 28px;
|
|
5025
|
border-radius: 50%;
|
|
5026
|
}
|
|
5027
|
.contact-type {
|
|
5028
|
width: 20px;
|
|
5029
|
color: #c1c3c4;
|
|
5030
|
}
|
|
5031
|
.client-status {
|
|
5032
|
text-align: left;
|
|
5033
|
}
|
|
5034
|
.client-detail .vertical-timeline-content p {
|
|
5035
|
margin: 0;
|
|
5036
|
}
|
|
5037
|
.client-detail .vertical-timeline-icon.gray-bg {
|
|
5038
|
color: #a7aaab;
|
|
5039
|
}
|
|
5040
|
.clients-list .nav-tabs > li.active > a,
|
|
5041
|
.clients-list .nav-tabs > li.active > a:hover,
|
|
5042
|
.clients-list .nav-tabs > li.active > a:focus {
|
|
5043
|
border-bottom: 1px solid #fff;
|
|
5044
|
}
|
|
5045
|
/* BLOG ARTICLE */
|
|
5046
|
.blog h2 {
|
|
5047
|
font-weight: 700;
|
|
5048
|
}
|
|
5049
|
.blog h5 {
|
|
5050
|
margin: 0 0 5px 0;
|
|
5051
|
}
|
|
5052
|
.blog .btn {
|
|
5053
|
margin: 0 0 5px 0;
|
|
5054
|
}
|
|
5055
|
.article h1 {
|
|
5056
|
font-size: 48px;
|
|
5057
|
font-weight: 700;
|
|
5058
|
color: #2F4050;
|
|
5059
|
}
|
|
5060
|
.article p {
|
|
5061
|
font-size: 15px;
|
|
5062
|
line-height: 26px;
|
|
5063
|
}
|
|
5064
|
.article-title {
|
|
5065
|
text-align: center;
|
|
5066
|
margin: 40px 0 100px 0;
|
|
5067
|
}
|
|
5068
|
.article .ibox-content {
|
|
5069
|
padding: 40px;
|
|
5070
|
}
|
|
5071
|
/* ISSUE TRACKER */
|
|
5072
|
.issue-tracker .btn-link {
|
|
5073
|
color: #6098eb;
|
|
5074
|
}
|
|
5075
|
table.issue-tracker tbody tr td {
|
|
5076
|
vertical-align: middle;
|
|
5077
|
height: 50px;
|
|
5078
|
}
|
|
5079
|
.issue-info {
|
|
5080
|
width: 50%;
|
|
5081
|
}
|
|
5082
|
.issue-info a {
|
|
5083
|
font-weight: 600;
|
|
5084
|
color: #676a6c;
|
|
5085
|
}
|
|
5086
|
.issue-info small {
|
|
5087
|
display: block;
|
|
5088
|
}
|
|
5089
|
/* TEAMS */
|
|
5090
|
.team-members {
|
|
5091
|
margin: 10px 0;
|
|
5092
|
}
|
|
5093
|
.team-members img.img-circle {
|
|
5094
|
width: 42px;
|
|
5095
|
height: 42px;
|
|
5096
|
margin-bottom: 5px;
|
|
5097
|
}
|
|
5098
|
/* AGILE BOARD */
|
|
5099
|
.sortable-list {
|
|
5100
|
padding: 10px 0;
|
|
5101
|
}
|
|
5102
|
.agile-list {
|
|
5103
|
list-style: none;
|
|
5104
|
margin: 0;
|
|
5105
|
}
|
|
5106
|
.agile-list li {
|
|
5107
|
background: #FAFAFB;
|
|
5108
|
border: 1px solid #e7eaec;
|
|
5109
|
margin: 0px 0 10px 0;
|
|
5110
|
padding: 10px;
|
|
5111
|
border-radius: 2px;
|
|
5112
|
}
|
|
5113
|
.agile-list li:hover {
|
|
5114
|
cursor: pointer;
|
|
5115
|
background: #fff;
|
|
5116
|
}
|
|
5117
|
.agile-list li.warning-element {
|
|
5118
|
border-left: 3px solid #f8ac59;
|
|
5119
|
}
|
|
5120
|
.agile-list li.danger-element {
|
|
5121
|
border-left: 3px solid #ed5565;
|
|
5122
|
}
|
|
5123
|
.agile-list li.info-element {
|
|
5124
|
border-left: 3px solid #1c84c6;
|
|
5125
|
}
|
|
5126
|
.agile-list li.success-element {
|
|
5127
|
border-left: 3px solid #6098eb;
|
|
5128
|
}
|
|
5129
|
.agile-detail {
|
|
5130
|
margin-top: 5px;
|
|
5131
|
font-size: 12px;
|
|
5132
|
}
|
|
5133
|
/* DIFF */
|
|
5134
|
ins {
|
|
5135
|
background-color: #c6ffc6;
|
|
5136
|
text-decoration: none;
|
|
5137
|
}
|
|
5138
|
del {
|
|
5139
|
background-color: #ffc6c6;
|
|
5140
|
}
|
|
5141
|
/* E-commerce */
|
|
5142
|
.product-box {
|
|
5143
|
padding: 0;
|
|
5144
|
border: 1px solid #e7eaec;
|
|
5145
|
}
|
|
5146
|
.product-box:hover,
|
|
5147
|
.product-box.active {
|
|
5148
|
border: 1px solid transparent;
|
|
5149
|
-webkit-box-shadow: 0px 3px 7px 0px #a8a8a8;
|
|
5150
|
-moz-box-shadow: 0px 3px 7px 0px #a8a8a8;
|
|
5151
|
box-shadow: 0px 3px 7px 0px #a8a8a8;
|
|
5152
|
}
|
|
5153
|
.product-imitation {
|
|
5154
|
text-align: center;
|
|
5155
|
padding: 90px 0;
|
|
5156
|
background-color: #f8f8f9;
|
|
5157
|
color: #bebec3;
|
|
5158
|
font-weight: 600;
|
|
5159
|
}
|
|
5160
|
.product-imitation.xl {
|
|
5161
|
padding: 120px 0;
|
|
5162
|
}
|
|
5163
|
.product-desc {
|
|
5164
|
padding: 20px;
|
|
5165
|
position: relative;
|
|
5166
|
}
|
|
5167
|
.ecommerce .tag-list {
|
|
5168
|
padding: 0;
|
|
5169
|
}
|
|
5170
|
.ecommerce .fa-star {
|
|
5171
|
color: #d1dade;
|
|
5172
|
}
|
|
5173
|
.ecommerce .fa-star.active {
|
|
5174
|
color: #f8ac59;
|
|
5175
|
}
|
|
5176
|
.ecommerce .note-editor {
|
|
5177
|
border: 1px solid #e7eaec;
|
|
5178
|
}
|
|
5179
|
.product-name {
|
|
5180
|
font-size: 16px;
|
|
5181
|
font-weight: 600;
|
|
5182
|
color: #676a6c;
|
|
5183
|
display: block;
|
|
5184
|
margin: 2px 0 5px 0;
|
|
5185
|
}
|
|
5186
|
.product-name:hover,
|
|
5187
|
.product-name:focus {
|
|
5188
|
color: #6098eb;
|
|
5189
|
}
|
|
5190
|
.product-price {
|
|
5191
|
font-size: 14px;
|
|
5192
|
font-weight: 600;
|
|
5193
|
color: #ffffff;
|
|
5194
|
background-color: #6098eb;
|
|
5195
|
padding: 6px 12px;
|
|
5196
|
position: absolute;
|
|
5197
|
top: -32px;
|
|
5198
|
right: 0;
|
|
5199
|
}
|
|
5200
|
.product-detail .ibox-content {
|
|
5201
|
padding: 30px 30px 50px 30px;
|
|
5202
|
}
|
|
5203
|
.image-imitation {
|
|
5204
|
background-color: #f8f8f9;
|
|
5205
|
text-align: center;
|
|
5206
|
padding: 200px 0;
|
|
5207
|
}
|
|
5208
|
.product-main-price small {
|
|
5209
|
font-size: 10px;
|
|
5210
|
}
|
|
5211
|
.product-images {
|
|
5212
|
margin: 0 20px;
|
|
5213
|
}
|
|
5214
|
/* Social feed */
|
|
5215
|
.social-feed-separated .social-feed-box {
|
|
5216
|
margin-left: 62px;
|
|
5217
|
}
|
|
5218
|
.social-feed-separated .social-avatar {
|
|
5219
|
float: left;
|
|
5220
|
padding: 0;
|
|
5221
|
}
|
|
5222
|
.social-feed-separated .social-avatar img {
|
|
5223
|
width: 52px;
|
|
5224
|
height: 52px;
|
|
5225
|
border: 1px solid #e7eaec;
|
|
5226
|
}
|
|
5227
|
.social-feed-separated .social-feed-box .social-avatar {
|
|
5228
|
padding: 15px 15px 0 15px;
|
|
5229
|
float: none;
|
|
5230
|
}
|
|
5231
|
.social-feed-box {
|
|
5232
|
/*padding: 15px;*/
|
|
5233
|
border: 1px solid #e7eaec;
|
|
5234
|
background: #fff;
|
|
5235
|
margin-bottom: 15px;
|
|
5236
|
}
|
|
5237
|
.article .social-feed-box {
|
|
5238
|
margin-bottom: 0;
|
|
5239
|
border-bottom: none;
|
|
5240
|
}
|
|
5241
|
.article .social-feed-box:last-child {
|
|
5242
|
margin-bottom: 0;
|
|
5243
|
border-bottom: 1px solid #e7eaec;
|
|
5244
|
}
|
|
5245
|
.article .social-feed-box p {
|
|
5246
|
font-size: 13px;
|
|
5247
|
line-height: 18px;
|
|
5248
|
}
|
|
5249
|
.social-action {
|
|
5250
|
margin: 15px;
|
|
5251
|
}
|
|
5252
|
.social-avatar {
|
|
5253
|
padding: 15px 15px 0 15px;
|
|
5254
|
}
|
|
5255
|
.social-comment .social-comment {
|
|
5256
|
margin-left: 45px;
|
|
5257
|
}
|
|
5258
|
.social-avatar img {
|
|
5259
|
height: 40px;
|
|
5260
|
width: 40px;
|
|
5261
|
margin-right: 10px;
|
|
5262
|
}
|
|
5263
|
.social-avatar .media-body a {
|
|
5264
|
font-size: 14px;
|
|
5265
|
display: block;
|
|
5266
|
}
|
|
5267
|
.social-body {
|
|
5268
|
padding: 15px;
|
|
5269
|
}
|
|
5270
|
.social-body img {
|
|
5271
|
margin-bottom: 10px;
|
|
5272
|
}
|
|
5273
|
.social-footer {
|
|
5274
|
border-top: 1px solid #e7eaec;
|
|
5275
|
padding: 10px 15px;
|
|
5276
|
background: #f9f9f9;
|
|
5277
|
}
|
|
5278
|
.social-footer .social-comment img {
|
|
5279
|
width: 32px;
|
|
5280
|
margin-right: 10px;
|
|
5281
|
}
|
|
5282
|
.social-comment:first-child {
|
|
5283
|
margin-top: 0;
|
|
5284
|
}
|
|
5285
|
.social-comment {
|
|
5286
|
margin-top: 15px;
|
|
5287
|
}
|
|
5288
|
.social-comment textarea {
|
|
5289
|
font-size: 12px;
|
|
5290
|
}
|
|
5291
|
/* Vote list */
|
|
5292
|
.vote-item {
|
|
5293
|
padding: 20px 25px;
|
|
5294
|
background: #ffffff;
|
|
5295
|
border-top: 1px solid #e7eaec;
|
|
5296
|
}
|
|
5297
|
.vote-item:last-child {
|
|
5298
|
border-bottom: 1px solid #e7eaec;
|
|
5299
|
}
|
|
5300
|
.vote-item:hover {
|
|
5301
|
background: #fbfbfb;
|
|
5302
|
}
|
|
5303
|
.vote-actions {
|
|
5304
|
float: left;
|
|
5305
|
width: 30px;
|
|
5306
|
margin-right: 15px;
|
|
5307
|
text-align: center;
|
|
5308
|
}
|
|
5309
|
.vote-actions a {
|
|
5310
|
color: #6098eb;
|
|
5311
|
font-weight: 600;
|
|
5312
|
}
|
|
5313
|
.vote-actions {
|
|
5314
|
font-weight: 600;
|
|
5315
|
}
|
|
5316
|
.vote-title {
|
|
5317
|
display: block;
|
|
5318
|
color: inherit;
|
|
5319
|
font-size: 18px;
|
|
5320
|
font-weight: 600;
|
|
5321
|
margin-top: 5px;
|
|
5322
|
margin-bottom: 2px;
|
|
5323
|
}
|
|
5324
|
.vote-title:hover,
|
|
5325
|
.vote-title:focus {
|
|
5326
|
color: inherit;
|
|
5327
|
}
|
|
5328
|
.vote-info,
|
|
5329
|
.vote-title {
|
|
5330
|
margin-left: 45px;
|
|
5331
|
}
|
|
5332
|
.vote-info,
|
|
5333
|
.vote-info a {
|
|
5334
|
color: #b4b6b8;
|
|
5335
|
font-size: 12px;
|
|
5336
|
}
|
|
5337
|
.vote-info a {
|
|
5338
|
margin-right: 10px;
|
|
5339
|
}
|
|
5340
|
.vote-info a:hover {
|
|
5341
|
color: #6098eb;
|
|
5342
|
}
|
|
5343
|
.vote-icon {
|
|
5344
|
text-align: right;
|
|
5345
|
font-size: 38px;
|
|
5346
|
display: block;
|
|
5347
|
color: #e8e9ea;
|
|
5348
|
}
|
|
5349
|
.vote-icon.active {
|
|
5350
|
color: #6098eb;
|
|
5351
|
}
|
|
5352
|
body.body-small .vote-icon {
|
|
5353
|
display: none;
|
|
5354
|
}
|
|
5355
|
#small-chat {
|
|
5356
|
position: fixed;
|
|
5357
|
bottom: 20px;
|
|
5358
|
right: 20px;
|
|
5359
|
z-index: 100;
|
|
5360
|
}
|
|
5361
|
#small-chat .badge {
|
|
5362
|
position: absolute;
|
|
5363
|
top: -3px;
|
|
5364
|
right: -4px;
|
|
5365
|
}
|
|
5366
|
.open-small-chat {
|
|
5367
|
height: 38px;
|
|
5368
|
width: 38px;
|
|
5369
|
display: block;
|
|
5370
|
background: #6098eb;
|
|
5371
|
padding: 9px 8px;
|
|
5372
|
text-align: center;
|
|
5373
|
color: #fff;
|
|
5374
|
border-radius: 50%;
|
|
5375
|
}
|
|
5376
|
.open-small-chat:hover {
|
|
5377
|
color: white;
|
|
5378
|
background: #6098eb;
|
|
5379
|
}
|
|
5380
|
.small-chat-box {
|
|
5381
|
display: none;
|
|
5382
|
position: fixed;
|
|
5383
|
bottom: 20px;
|
|
5384
|
right: 75px;
|
|
5385
|
background: #fff;
|
|
5386
|
border: 1px solid #e7eaec;
|
|
5387
|
width: 230px;
|
|
5388
|
height: 320px;
|
|
5389
|
border-radius: 4px;
|
|
5390
|
}
|
|
5391
|
.small-chat-box.ng-small-chat {
|
|
5392
|
display: block;
|
|
5393
|
}
|
|
5394
|
.body-small .small-chat-box {
|
|
5395
|
bottom: 70px;
|
|
5396
|
right: 20px;
|
|
5397
|
}
|
|
5398
|
.small-chat-box.active {
|
|
5399
|
display: block;
|
|
5400
|
}
|
|
5401
|
.small-chat-box .heading {
|
|
5402
|
background: #2f4050;
|
|
5403
|
padding: 8px 15px;
|
|
5404
|
font-weight: bold;
|
|
5405
|
color: #fff;
|
|
5406
|
}
|
|
5407
|
.small-chat-box .chat-date {
|
|
5408
|
opacity: 0.6;
|
|
5409
|
font-size: 10px;
|
|
5410
|
font-weight: normal;
|
|
5411
|
}
|
|
5412
|
.small-chat-box .content {
|
|
5413
|
padding: 15px 15px;
|
|
5414
|
}
|
|
5415
|
.small-chat-box .content .author-name {
|
|
5416
|
font-weight: bold;
|
|
5417
|
margin-bottom: 3px;
|
|
5418
|
font-size: 11px;
|
|
5419
|
}
|
|
5420
|
.small-chat-box .content > div {
|
|
5421
|
padding-bottom: 20px;
|
|
5422
|
}
|
|
5423
|
.small-chat-box .content .chat-message {
|
|
5424
|
padding: 5px 10px;
|
|
5425
|
border-radius: 6px;
|
|
5426
|
font-size: 11px;
|
|
5427
|
line-height: 14px;
|
|
5428
|
max-width: 80%;
|
|
5429
|
background: #f3f3f4;
|
|
5430
|
margin-bottom: 10px;
|
|
5431
|
}
|
|
5432
|
.small-chat-box .content .chat-message.active {
|
|
5433
|
background: #6098eb;
|
|
5434
|
color: #fff;
|
|
5435
|
}
|
|
5436
|
.small-chat-box .content .left {
|
|
5437
|
text-align: left;
|
|
5438
|
clear: both;
|
|
5439
|
}
|
|
5440
|
.small-chat-box .content .left .chat-message {
|
|
5441
|
float: left;
|
|
5442
|
}
|
|
5443
|
.small-chat-box .content .right {
|
|
5444
|
text-align: right;
|
|
5445
|
clear: both;
|
|
5446
|
}
|
|
5447
|
.small-chat-box .content .right .chat-message {
|
|
5448
|
float: right;
|
|
5449
|
}
|
|
5450
|
.small-chat-box .form-chat {
|
|
5451
|
padding: 10px 10px;
|
|
5452
|
}
|
|
5453
|
/*
|
|
5454
|
* metismenu - v2.0.2
|
|
5455
|
* A jQuery menu plugin
|
|
5456
|
* https://github.com/onokumus/metisMenu
|
|
5457
|
*
|
|
5458
|
* Made by Osman Nuri Okumus
|
|
5459
|
* Under MIT License
|
|
5460
|
*/
|
|
5461
|
.metismenu .plus-minus,
|
|
5462
|
.metismenu .plus-times {
|
|
5463
|
float: right;
|
|
5464
|
}
|
|
5465
|
.metismenu .arrow {
|
|
5466
|
float: right;
|
|
5467
|
line-height: 1.42857;
|
|
5468
|
}
|
|
5469
|
.metismenu .glyphicon.arrow:before {
|
|
5470
|
content: "\e079";
|
|
5471
|
}
|
|
5472
|
.metismenu .active > a > .glyphicon.arrow:before {
|
|
5473
|
content: "\e114";
|
|
5474
|
}
|
|
5475
|
.metismenu .fa.arrow:before {
|
|
5476
|
content: "\f104";
|
|
5477
|
}
|
|
5478
|
.metismenu .active > a > .fa.arrow:before {
|
|
5479
|
content: "\f107";
|
|
5480
|
}
|
|
5481
|
.metismenu .ion.arrow:before {
|
|
5482
|
content: "\f3d2";
|
|
5483
|
}
|
|
5484
|
.metismenu .active > a > .ion.arrow:before {
|
|
5485
|
content: "\f3d0";
|
|
5486
|
}
|
|
5487
|
.metismenu .fa.plus-minus:before,
|
|
5488
|
.metismenu .fa.plus-times:before {
|
|
5489
|
content: "\f067";
|
|
5490
|
}
|
|
5491
|
.metismenu .active > a > .fa.plus-times {
|
|
5492
|
-webkit-transform: rotate(45deg);
|
|
5493
|
-ms-transform: rotate(45deg);
|
|
5494
|
transform: rotate(45deg);
|
|
5495
|
}
|
|
5496
|
.metismenu .active > a > .fa.plus-minus:before {
|
|
5497
|
content: "\f068";
|
|
5498
|
}
|
|
5499
|
.metismenu .collapse {
|
|
5500
|
display: none;
|
|
5501
|
}
|
|
5502
|
.metismenu .collapse.in {
|
|
5503
|
display: block;
|
|
5504
|
}
|
|
5505
|
.metismenu .collapsing {
|
|
5506
|
position: relative;
|
|
5507
|
height: 0;
|
|
5508
|
overflow: hidden;
|
|
5509
|
-webkit-transition-timing-function: ease;
|
|
5510
|
transition-timing-function: ease;
|
|
5511
|
-webkit-transition-duration: .35s;
|
|
5512
|
transition-duration: .35s;
|
|
5513
|
-webkit-transition-property: height, visibility;
|
|
5514
|
transition-property: height, visibility;
|
|
5515
|
}
|
|
5516
|
/*
|
|
5517
|
* Usage:
|
|
5518
|
*
|
|
5519
|
* <div class="sk-spinner sk-spinner-rotating-plane"></div>
|
|
5520
|
*
|
|
5521
|
*/
|
|
5522
|
.sk-spinner-rotating-plane.sk-spinner {
|
|
5523
|
width: 30px;
|
|
5524
|
height: 30px;
|
|
5525
|
background-color: #6098eb;
|
|
5526
|
margin: 0 auto;
|
|
5527
|
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
|
|
5528
|
animation: sk-rotatePlane 1.2s infinite ease-in-out;
|
|
5529
|
}
|
|
5530
|
@-webkit-keyframes sk-rotatePlane {
|
|
5531
|
0% {
|
|
5532
|
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
5533
|
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
5534
|
}
|
|
5535
|
50% {
|
|
5536
|
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
|
5537
|
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
|
5538
|
}
|
|
5539
|
100% {
|
|
5540
|
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
|
5541
|
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
|
5542
|
}
|
|
5543
|
}
|
|
5544
|
@keyframes sk-rotatePlane {
|
|
5545
|
0% {
|
|
5546
|
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
5547
|
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
|
|
5548
|
}
|
|
5549
|
50% {
|
|
5550
|
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
|
5551
|
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
|
|
5552
|
}
|
|
5553
|
100% {
|
|
5554
|
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
|
5555
|
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
|
|
5556
|
}
|
|
5557
|
}
|
|
5558
|
/*
|
|
5559
|
* Usage:
|
|
5560
|
*
|
|
5561
|
* <div class="sk-spinner sk-spinner-double-bounce">
|
|
5562
|
* <div class="sk-double-bounce1"></div>
|
|
5563
|
* <div class="sk-double-bounce2"></div>
|
|
5564
|
* </div>
|
|
5565
|
*
|
|
5566
|
*/
|
|
5567
|
.sk-spinner-double-bounce.sk-spinner {
|
|
5568
|
width: 40px;
|
|
5569
|
height: 40px;
|
|
5570
|
position: relative;
|
|
5571
|
margin: 0 auto;
|
|
5572
|
}
|
|
5573
|
.sk-spinner-double-bounce .sk-double-bounce1,
|
|
5574
|
.sk-spinner-double-bounce .sk-double-bounce2 {
|
|
5575
|
width: 100%;
|
|
5576
|
height: 100%;
|
|
5577
|
border-radius: 50%;
|
|
5578
|
background-color: #6098eb;
|
|
5579
|
opacity: 0.6;
|
|
5580
|
position: absolute;
|
|
5581
|
top: 0;
|
|
5582
|
left: 0;
|
|
5583
|
-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
|
|
5584
|
animation: sk-doubleBounce 2s infinite ease-in-out;
|
|
5585
|
}
|
|
5586
|
.sk-spinner-double-bounce .sk-double-bounce2 {
|
|
5587
|
-webkit-animation-delay: -1s;
|
|
5588
|
animation-delay: -1s;
|
|
5589
|
}
|
|
5590
|
@-webkit-keyframes sk-doubleBounce {
|
|
5591
|
0%,
|
|
5592
|
100% {
|
|
5593
|
-webkit-transform: scale(0);
|
|
5594
|
transform: scale(0);
|
|
5595
|
}
|
|
5596
|
50% {
|
|
5597
|
-webkit-transform: scale(1);
|
|
5598
|
transform: scale(1);
|
|
5599
|
}
|
|
5600
|
}
|
|
5601
|
@keyframes sk-doubleBounce {
|
|
5602
|
0%,
|
|
5603
|
100% {
|
|
5604
|
-webkit-transform: scale(0);
|
|
5605
|
transform: scale(0);
|
|
5606
|
}
|
|
5607
|
50% {
|
|
5608
|
-webkit-transform: scale(1);
|
|
5609
|
transform: scale(1);
|
|
5610
|
}
|
|
5611
|
}
|
|
5612
|
/*
|
|
5613
|
* Usage:
|
|
5614
|
*
|
|
5615
|
* <div class="sk-spinner sk-spinner-wave">
|
|
5616
|
* <div class="sk-rect1"></div>
|
|
5617
|
* <div class="sk-rect2"></div>
|
|
5618
|
* <div class="sk-rect3"></div>
|
|
5619
|
* <div class="sk-rect4"></div>
|
|
5620
|
* <div class="sk-rect5"></div>
|
|
5621
|
* </div>
|
|
5622
|
*
|
|
5623
|
*/
|
|
5624
|
.sk-spinner-wave.sk-spinner {
|
|
5625
|
margin: 0 auto;
|
|
5626
|
width: 50px;
|
|
5627
|
height: 30px;
|
|
5628
|
text-align: center;
|
|
5629
|
font-size: 10px;
|
|
5630
|
}
|
|
5631
|
.sk-spinner-wave div {
|
|
5632
|
background-color: #6098eb;
|
|
5633
|
height: 100%;
|
|
5634
|
width: 6px;
|
|
5635
|
display: inline-block;
|
|
5636
|
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
|
|
5637
|
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
|
|
5638
|
}
|
|
5639
|
.sk-spinner-wave .sk-rect2 {
|
|
5640
|
-webkit-animation-delay: -1.1s;
|
|
5641
|
animation-delay: -1.1s;
|
|
5642
|
}
|
|
5643
|
.sk-spinner-wave .sk-rect3 {
|
|
5644
|
-webkit-animation-delay: -1s;
|
|
5645
|
animation-delay: -1s;
|
|
5646
|
}
|
|
5647
|
.sk-spinner-wave .sk-rect4 {
|
|
5648
|
-webkit-animation-delay: -0.9s;
|
|
5649
|
animation-delay: -0.9s;
|
|
5650
|
}
|
|
5651
|
.sk-spinner-wave .sk-rect5 {
|
|
5652
|
-webkit-animation-delay: -0.8s;
|
|
5653
|
animation-delay: -0.8s;
|
|
5654
|
}
|
|
5655
|
@-webkit-keyframes sk-waveStretchDelay {
|
|
5656
|
0%,
|
|
5657
|
40%,
|
|
5658
|
100% {
|
|
5659
|
-webkit-transform: scaleY(0.4);
|
|
5660
|
transform: scaleY(0.4);
|
|
5661
|
}
|
|
5662
|
20% {
|
|
5663
|
-webkit-transform: scaleY(1);
|
|
5664
|
transform: scaleY(1);
|
|
5665
|
}
|
|
5666
|
}
|
|
5667
|
@keyframes sk-waveStretchDelay {
|
|
5668
|
0%,
|
|
5669
|
40%,
|
|
5670
|
100% {
|
|
5671
|
-webkit-transform: scaleY(0.4);
|
|
5672
|
transform: scaleY(0.4);
|
|
5673
|
}
|
|
5674
|
20% {
|
|
5675
|
-webkit-transform: scaleY(1);
|
|
5676
|
transform: scaleY(1);
|
|
5677
|
}
|
|
5678
|
}
|
|
5679
|
/*
|
|
5680
|
* Usage:
|
|
5681
|
*
|
|
5682
|
* <div class="sk-spinner sk-spinner-wandering-cubes">
|
|
5683
|
* <div class="sk-cube1"></div>
|
|
5684
|
* <div class="sk-cube2"></div>
|
|
5685
|
* </div>
|
|
5686
|
*
|
|
5687
|
*/
|
|
5688
|
.sk-spinner-wandering-cubes.sk-spinner {
|
|
5689
|
margin: 0 auto;
|
|
5690
|
width: 32px;
|
|
5691
|
height: 32px;
|
|
5692
|
position: relative;
|
|
5693
|
}
|
|
5694
|
.sk-spinner-wandering-cubes .sk-cube1,
|
|
5695
|
.sk-spinner-wandering-cubes .sk-cube2 {
|
|
5696
|
background-color: #6098eb;
|
|
5697
|
width: 10px;
|
|
5698
|
height: 10px;
|
|
5699
|
position: absolute;
|
|
5700
|
top: 0;
|
|
5701
|
left: 0;
|
|
5702
|
-webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
|
|
5703
|
animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
|
|
5704
|
}
|
|
5705
|
.sk-spinner-wandering-cubes .sk-cube2 {
|
|
5706
|
-webkit-animation-delay: -0.9s;
|
|
5707
|
animation-delay: -0.9s;
|
|
5708
|
}
|
|
5709
|
@-webkit-keyframes sk-wanderingCubeMove {
|
|
5710
|
25% {
|
|
5711
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
5712
|
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
5713
|
}
|
|
5714
|
50% {
|
|
5715
|
/* Hack to make FF rotate in the right direction */
|
|
5716
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
5717
|
transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
5718
|
}
|
|
5719
|
50.1% {
|
|
5720
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
5721
|
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
5722
|
}
|
|
5723
|
75% {
|
|
5724
|
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
5725
|
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
5726
|
}
|
|
5727
|
100% {
|
|
5728
|
-webkit-transform: rotate(-360deg);
|
|
5729
|
transform: rotate(-360deg);
|
|
5730
|
}
|
|
5731
|
}
|
|
5732
|
@keyframes sk-wanderingCubeMove {
|
|
5733
|
25% {
|
|
5734
|
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
5735
|
transform: translateX(42px) rotate(-90deg) scale(0.5);
|
|
5736
|
}
|
|
5737
|
50% {
|
|
5738
|
/* Hack to make FF rotate in the right direction */
|
|
5739
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
5740
|
transform: translateX(42px) translateY(42px) rotate(-179deg);
|
|
5741
|
}
|
|
5742
|
50.1% {
|
|
5743
|
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
5744
|
transform: translateX(42px) translateY(42px) rotate(-180deg);
|
|
5745
|
}
|
|
5746
|
75% {
|
|
5747
|
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
5748
|
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
|
|
5749
|
}
|
|
5750
|
100% {
|
|
5751
|
-webkit-transform: rotate(-360deg);
|
|
5752
|
transform: rotate(-360deg);
|
|
5753
|
}
|
|
5754
|
}
|
|
5755
|
/*
|
|
5756
|
* Usage:
|
|
5757
|
*
|
|
5758
|
* <div class="sk-spinner sk-spinner-pulse"></div>
|
|
5759
|
*
|
|
5760
|
*/
|
|
5761
|
.sk-spinner-pulse.sk-spinner {
|
|
5762
|
width: 40px;
|
|
5763
|
height: 40px;
|
|
5764
|
margin: 0 auto;
|
|
5765
|
background-color: #6098eb;
|
|
5766
|
border-radius: 100%;
|
|
5767
|
-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
|
|
5768
|
animation: sk-pulseScaleOut 1s infinite ease-in-out;
|
|
5769
|
}
|
|
5770
|
@-webkit-keyframes sk-pulseScaleOut {
|
|
5771
|
0% {
|
|
5772
|
-webkit-transform: scale(0);
|
|
5773
|
transform: scale(0);
|
|
5774
|
}
|
|
5775
|
100% {
|
|
5776
|
-webkit-transform: scale(1);
|
|
5777
|
transform: scale(1);
|
|
5778
|
opacity: 0;
|
|
5779
|
}
|
|
5780
|
}
|
|
5781
|
@keyframes sk-pulseScaleOut {
|
|
5782
|
0% {
|
|
5783
|
-webkit-transform: scale(0);
|
|
5784
|
transform: scale(0);
|
|
5785
|
}
|
|
5786
|
100% {
|
|
5787
|
-webkit-transform: scale(1);
|
|
5788
|
transform: scale(1);
|
|
5789
|
opacity: 0;
|
|
5790
|
}
|
|
5791
|
}
|
|
5792
|
/*
|
|
5793
|
* Usage:
|
|
5794
|
*
|
|
5795
|
* <div class="sk-spinner sk-spinner-chasing-dots">
|
|
5796
|
* <div class="sk-dot1"></div>
|
|
5797
|
* <div class="sk-dot2"></div>
|
|
5798
|
* </div>
|
|
5799
|
*
|
|
5800
|
*/
|
|
5801
|
.sk-spinner-chasing-dots.sk-spinner {
|
|
5802
|
margin: 0 auto;
|
|
5803
|
width: 40px;
|
|
5804
|
height: 40px;
|
|
5805
|
position: relative;
|
|
5806
|
text-align: center;
|
|
5807
|
-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
|
|
5808
|
animation: sk-chasingDotsRotate 2s infinite linear;
|
|
5809
|
}
|
|
5810
|
.sk-spinner-chasing-dots .sk-dot1,
|
|
5811
|
.sk-spinner-chasing-dots .sk-dot2 {
|
|
5812
|
width: 60%;
|
|
5813
|
height: 60%;
|
|
5814
|
display: inline-block;
|
|
5815
|
position: absolute;
|
|
5816
|
top: 0;
|
|
5817
|
background-color: #6098eb;
|
|
5818
|
border-radius: 100%;
|
|
5819
|
-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
|
|
5820
|
animation: sk-chasingDotsBounce 2s infinite ease-in-out;
|
|
5821
|
}
|
|
5822
|
.sk-spinner-chasing-dots .sk-dot2 {
|
|
5823
|
top: auto;
|
|
5824
|
bottom: 0px;
|
|
5825
|
-webkit-animation-delay: -1s;
|
|
5826
|
animation-delay: -1s;
|
|
5827
|
}
|
|
5828
|
@-webkit-keyframes sk-chasingDotsRotate {
|
|
5829
|
100% {
|
|
5830
|
-webkit-transform: rotate(360deg);
|
|
5831
|
transform: rotate(360deg);
|
|
5832
|
}
|
|
5833
|
}
|
|
5834
|
@keyframes sk-chasingDotsRotate {
|
|
5835
|
100% {
|
|
5836
|
-webkit-transform: rotate(360deg);
|
|
5837
|
transform: rotate(360deg);
|
|
5838
|
}
|
|
5839
|
}
|
|
5840
|
@-webkit-keyframes sk-chasingDotsBounce {
|
|
5841
|
0%,
|
|
5842
|
100% {
|
|
5843
|
-webkit-transform: scale(0);
|
|
5844
|
transform: scale(0);
|
|
5845
|
}
|
|
5846
|
50% {
|
|
5847
|
-webkit-transform: scale(1);
|
|
5848
|
transform: scale(1);
|
|
5849
|
}
|
|
5850
|
}
|
|
5851
|
@keyframes sk-chasingDotsBounce {
|
|
5852
|
0%,
|
|
5853
|
100% {
|
|
5854
|
-webkit-transform: scale(0);
|
|
5855
|
transform: scale(0);
|
|
5856
|
}
|
|
5857
|
50% {
|
|
5858
|
-webkit-transform: scale(1);
|
|
5859
|
transform: scale(1);
|
|
5860
|
}
|
|
5861
|
}
|
|
5862
|
/*
|
|
5863
|
* Usage:
|
|
5864
|
*
|
|
5865
|
* <div class="sk-spinner sk-spinner-three-bounce">
|
|
5866
|
* <div class="sk-bounce1"></div>
|
|
5867
|
* <div class="sk-bounce2"></div>
|
|
5868
|
* <div class="sk-bounce3"></div>
|
|
5869
|
* </div>
|
|
5870
|
*
|
|
5871
|
*/
|
|
5872
|
.sk-spinner-three-bounce.sk-spinner {
|
|
5873
|
margin: 0 auto;
|
|
5874
|
width: 70px;
|
|
5875
|
text-align: center;
|
|
5876
|
}
|
|
5877
|
.sk-spinner-three-bounce div {
|
|
5878
|
width: 18px;
|
|
5879
|
height: 18px;
|
|
5880
|
background-color: #6098eb;
|
|
5881
|
border-radius: 100%;
|
|
5882
|
display: inline-block;
|
|
5883
|
-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
|
|
5884
|
animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
|
|
5885
|
/* Prevent first frame from flickering when animation starts */
|
|
5886
|
-webkit-animation-fill-mode: both;
|
|
5887
|
animation-fill-mode: both;
|
|
5888
|
}
|
|
5889
|
.sk-spinner-three-bounce .sk-bounce1 {
|
|
5890
|
-webkit-animation-delay: -0.32s;
|
|
5891
|
animation-delay: -0.32s;
|
|
5892
|
}
|
|
5893
|
.sk-spinner-three-bounce .sk-bounce2 {
|
|
5894
|
-webkit-animation-delay: -0.16s;
|
|
5895
|
animation-delay: -0.16s;
|
|
5896
|
}
|
|
5897
|
@-webkit-keyframes sk-threeBounceDelay {
|
|
5898
|
0%,
|
|
5899
|
80%,
|
|
5900
|
100% {
|
|
5901
|
-webkit-transform: scale(0);
|
|
5902
|
transform: scale(0);
|
|
5903
|
}
|
|
5904
|
40% {
|
|
5905
|
-webkit-transform: scale(1);
|
|
5906
|
transform: scale(1);
|
|
5907
|
}
|
|
5908
|
}
|
|
5909
|
@keyframes sk-threeBounceDelay {
|
|
5910
|
0%,
|
|
5911
|
80%,
|
|
5912
|
100% {
|
|
5913
|
-webkit-transform: scale(0);
|
|
5914
|
transform: scale(0);
|
|
5915
|
}
|
|
5916
|
40% {
|
|
5917
|
-webkit-transform: scale(1);
|
|
5918
|
transform: scale(1);
|
|
5919
|
}
|
|
5920
|
}
|
|
5921
|
/*
|
|
5922
|
* Usage:
|
|
5923
|
*
|
|
5924
|
* <div class="sk-spinner sk-spinner-circle">
|
|
5925
|
* <div class="sk-circle1 sk-circle"></div>
|
|
5926
|
* <div class="sk-circle2 sk-circle"></div>
|
|
5927
|
* <div class="sk-circle3 sk-circle"></div>
|
|
5928
|
* <div class="sk-circle4 sk-circle"></div>
|
|
5929
|
* <div class="sk-circle5 sk-circle"></div>
|
|
5930
|
* <div class="sk-circle6 sk-circle"></div>
|
|
5931
|
* <div class="sk-circle7 sk-circle"></div>
|
|
5932
|
* <div class="sk-circle8 sk-circle"></div>
|
|
5933
|
* <div class="sk-circle9 sk-circle"></div>
|
|
5934
|
* <div class="sk-circle10 sk-circle"></div>
|
|
5935
|
* <div class="sk-circle11 sk-circle"></div>
|
|
5936
|
* <div class="sk-circle12 sk-circle"></div>
|
|
5937
|
* </div>
|
|
5938
|
*
|
|
5939
|
*/
|
|
5940
|
.sk-spinner-circle.sk-spinner {
|
|
5941
|
margin: 0 auto;
|
|
5942
|
width: 22px;
|
|
5943
|
height: 22px;
|
|
5944
|
position: relative;
|
|
5945
|
}
|
|
5946
|
.sk-spinner-circle .sk-circle {
|
|
5947
|
width: 100%;
|
|
5948
|
height: 100%;
|
|
5949
|
position: absolute;
|
|
5950
|
left: 0;
|
|
5951
|
top: 0;
|
|
5952
|
}
|
|
5953
|
.sk-spinner-circle .sk-circle:before {
|
|
5954
|
content: '';
|
|
5955
|
display: block;
|
|
5956
|
margin: 0 auto;
|
|
5957
|
width: 20%;
|
|
5958
|
height: 20%;
|
|
5959
|
background-color: #6098eb;
|
|
5960
|
border-radius: 100%;
|
|
5961
|
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
|
|
5962
|
animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
|
|
5963
|
/* Prevent first frame from flickering when animation starts */
|
|
5964
|
-webkit-animation-fill-mode: both;
|
|
5965
|
animation-fill-mode: both;
|
|
5966
|
}
|
|
5967
|
.sk-spinner-circle .sk-circle2 {
|
|
5968
|
-webkit-transform: rotate(30deg);
|
|
5969
|
-ms-transform: rotate(30deg);
|
|
5970
|
transform: rotate(30deg);
|
|
5971
|
}
|
|
5972
|
.sk-spinner-circle .sk-circle3 {
|
|
5973
|
-webkit-transform: rotate(60deg);
|
|
5974
|
-ms-transform: rotate(60deg);
|
|
5975
|
transform: rotate(60deg);
|
|
5976
|
}
|
|
5977
|
.sk-spinner-circle .sk-circle4 {
|
|
5978
|
-webkit-transform: rotate(90deg);
|
|
5979
|
-ms-transform: rotate(90deg);
|
|
5980
|
transform: rotate(90deg);
|
|
5981
|
}
|
|
5982
|
.sk-spinner-circle .sk-circle5 {
|
|
5983
|
-webkit-transform: rotate(120deg);
|
|
5984
|
-ms-transform: rotate(120deg);
|
|
5985
|
transform: rotate(120deg);
|
|
5986
|
}
|
|
5987
|
.sk-spinner-circle .sk-circle6 {
|
|
5988
|
-webkit-transform: rotate(150deg);
|
|
5989
|
-ms-transform: rotate(150deg);
|
|
5990
|
transform: rotate(150deg);
|
|
5991
|
}
|
|
5992
|
.sk-spinner-circle .sk-circle7 {
|
|
5993
|
-webkit-transform: rotate(180deg);
|
|
5994
|
-ms-transform: rotate(180deg);
|
|
5995
|
transform: rotate(180deg);
|
|
5996
|
}
|
|
5997
|
.sk-spinner-circle .sk-circle8 {
|
|
5998
|
-webkit-transform: rotate(210deg);
|
|
5999
|
-ms-transform: rotate(210deg);
|
|
6000
|
transform: rotate(210deg);
|
|
6001
|
}
|
|
6002
|
.sk-spinner-circle .sk-circle9 {
|
|
6003
|
-webkit-transform: rotate(240deg);
|
|
6004
|
-ms-transform: rotate(240deg);
|
|
6005
|
transform: rotate(240deg);
|
|
6006
|
}
|
|
6007
|
.sk-spinner-circle .sk-circle10 {
|
|
6008
|
-webkit-transform: rotate(270deg);
|
|
6009
|
-ms-transform: rotate(270deg);
|
|
6010
|
transform: rotate(270deg);
|
|
6011
|
}
|
|
6012
|
.sk-spinner-circle .sk-circle11 {
|
|
6013
|
-webkit-transform: rotate(300deg);
|
|
6014
|
-ms-transform: rotate(300deg);
|
|
6015
|
transform: rotate(300deg);
|
|
6016
|
}
|
|
6017
|
.sk-spinner-circle .sk-circle12 {
|
|
6018
|
-webkit-transform: rotate(330deg);
|
|
6019
|
-ms-transform: rotate(330deg);
|
|
6020
|
transform: rotate(330deg);
|
|
6021
|
}
|
|
6022
|
.sk-spinner-circle .sk-circle2:before {
|
|
6023
|
-webkit-animation-delay: -1.1s;
|
|
6024
|
animation-delay: -1.1s;
|
|
6025
|
}
|
|
6026
|
.sk-spinner-circle .sk-circle3:before {
|
|
6027
|
-webkit-animation-delay: -1s;
|
|
6028
|
animation-delay: -1s;
|
|
6029
|
}
|
|
6030
|
.sk-spinner-circle .sk-circle4:before {
|
|
6031
|
-webkit-animation-delay: -0.9s;
|
|
6032
|
animation-delay: -0.9s;
|
|
6033
|
}
|
|
6034
|
.sk-spinner-circle .sk-circle5:before {
|
|
6035
|
-webkit-animation-delay: -0.8s;
|
|
6036
|
animation-delay: -0.8s;
|
|
6037
|
}
|
|
6038
|
.sk-spinner-circle .sk-circle6:before {
|
|
6039
|
-webkit-animation-delay: -0.7s;
|
|
6040
|
animation-delay: -0.7s;
|
|
6041
|
}
|
|
6042
|
.sk-spinner-circle .sk-circle7:before {
|
|
6043
|
-webkit-animation-delay: -0.6s;
|
|
6044
|
animation-delay: -0.6s;
|
|
6045
|
}
|
|
6046
|
.sk-spinner-circle .sk-circle8:before {
|
|
6047
|
-webkit-animation-delay: -0.5s;
|
|
6048
|
animation-delay: -0.5s;
|
|
6049
|
}
|
|
6050
|
.sk-spinner-circle .sk-circle9:before {
|
|
6051
|
-webkit-animation-delay: -0.4s;
|
|
6052
|
animation-delay: -0.4s;
|
|
6053
|
}
|
|
6054
|
.sk-spinner-circle .sk-circle10:before {
|
|
6055
|
-webkit-animation-delay: -0.3s;
|
|
6056
|
animation-delay: -0.3s;
|
|
6057
|
}
|
|
6058
|
.sk-spinner-circle .sk-circle11:before {
|
|
6059
|
-webkit-animation-delay: -0.2s;
|
|
6060
|
animation-delay: -0.2s;
|
|
6061
|
}
|
|
6062
|
.sk-spinner-circle .sk-circle12:before {
|
|
6063
|
-webkit-animation-delay: -0.1s;
|
|
6064
|
animation-delay: -0.1s;
|
|
6065
|
}
|
|
6066
|
@-webkit-keyframes sk-circleBounceDelay {
|
|
6067
|
0%,
|
|
6068
|
80%,
|
|
6069
|
100% {
|
|
6070
|
-webkit-transform: scale(0);
|
|
6071
|
transform: scale(0);
|
|
6072
|
}
|
|
6073
|
40% {
|
|
6074
|
-webkit-transform: scale(1);
|
|
6075
|
transform: scale(1);
|
|
6076
|
}
|
|
6077
|
}
|
|
6078
|
@keyframes sk-circleBounceDelay {
|
|
6079
|
0%,
|
|
6080
|
80%,
|
|
6081
|
100% {
|
|
6082
|
-webkit-transform: scale(0);
|
|
6083
|
transform: scale(0);
|
|
6084
|
}
|
|
6085
|
40% {
|
|
6086
|
-webkit-transform: scale(1);
|
|
6087
|
transform: scale(1);
|
|
6088
|
}
|
|
6089
|
}
|
|
6090
|
/*
|
|
6091
|
* Usage:
|
|
6092
|
*
|
|
6093
|
* <div class="sk-spinner sk-spinner-cube-grid">
|
|
6094
|
* <div class="sk-cube"></div>
|
|
6095
|
* <div class="sk-cube"></div>
|
|
6096
|
* <div class="sk-cube"></div>
|
|
6097
|
* <div class="sk-cube"></div>
|
|
6098
|
* <div class="sk-cube"></div>
|
|
6099
|
* <div class="sk-cube"></div>
|
|
6100
|
* <div class="sk-cube"></div>
|
|
6101
|
* <div class="sk-cube"></div>
|
|
6102
|
* <div class="sk-cube"></div>
|
|
6103
|
* </div>
|
|
6104
|
*
|
|
6105
|
*/
|
|
6106
|
.sk-spinner-cube-grid {
|
|
6107
|
/*
|
|
6108
|
* Spinner positions
|
|
6109
|
* 1 2 3
|
|
6110
|
* 4 5 6
|
|
6111
|
* 7 8 9
|
|
6112
|
*/
|
|
6113
|
}
|
|
6114
|
.sk-spinner-cube-grid.sk-spinner {
|
|
6115
|
width: 30px;
|
|
6116
|
height: 30px;
|
|
6117
|
margin: 0 auto;
|
|
6118
|
}
|
|
6119
|
.sk-spinner-cube-grid .sk-cube {
|
|
6120
|
width: 33%;
|
|
6121
|
height: 33%;
|
|
6122
|
background-color: #6098eb;
|
|
6123
|
float: left;
|
|
6124
|
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
|
|
6125
|
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
|
|
6126
|
}
|
|
6127
|
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
|
|
6128
|
-webkit-animation-delay: 0.2s;
|
|
6129
|
animation-delay: 0.2s;
|
|
6130
|
}
|
|
6131
|
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
|
|
6132
|
-webkit-animation-delay: 0.3s;
|
|
6133
|
animation-delay: 0.3s;
|
|
6134
|
}
|
|
6135
|
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
|
|
6136
|
-webkit-animation-delay: 0.4s;
|
|
6137
|
animation-delay: 0.4s;
|
|
6138
|
}
|
|
6139
|
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
|
|
6140
|
-webkit-animation-delay: 0.1s;
|
|
6141
|
animation-delay: 0.1s;
|
|
6142
|
}
|
|
6143
|
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
|
|
6144
|
-webkit-animation-delay: 0.2s;
|
|
6145
|
animation-delay: 0.2s;
|
|
6146
|
}
|
|
6147
|
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
|
|
6148
|
-webkit-animation-delay: 0.3s;
|
|
6149
|
animation-delay: 0.3s;
|
|
6150
|
}
|
|
6151
|
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
|
|
6152
|
-webkit-animation-delay: 0s;
|
|
6153
|
animation-delay: 0s;
|
|
6154
|
}
|
|
6155
|
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
|
|
6156
|
-webkit-animation-delay: 0.1s;
|
|
6157
|
animation-delay: 0.1s;
|
|
6158
|
}
|
|
6159
|
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
|
|
6160
|
-webkit-animation-delay: 0.2s;
|
|
6161
|
animation-delay: 0.2s;
|
|
6162
|
}
|
|
6163
|
@-webkit-keyframes sk-cubeGridScaleDelay {
|
|
6164
|
0%,
|
|
6165
|
70%,
|
|
6166
|
100% {
|
|
6167
|
-webkit-transform: scale3D(1, 1, 1);
|
|
6168
|
transform: scale3D(1, 1, 1);
|
|
6169
|
}
|
|
6170
|
35% {
|
|
6171
|
-webkit-transform: scale3D(0, 0, 1);
|
|
6172
|
transform: scale3D(0, 0, 1);
|
|
6173
|
}
|
|
6174
|
}
|
|
6175
|
@keyframes sk-cubeGridScaleDelay {
|
|
6176
|
0%,
|
|
6177
|
70%,
|
|
6178
|
100% {
|
|
6179
|
-webkit-transform: scale3D(1, 1, 1);
|
|
6180
|
transform: scale3D(1, 1, 1);
|
|
6181
|
}
|
|
6182
|
35% {
|
|
6183
|
-webkit-transform: scale3D(0, 0, 1);
|
|
6184
|
transform: scale3D(0, 0, 1);
|
|
6185
|
}
|
|
6186
|
}
|
|
6187
|
/*
|
|
6188
|
* Usage:
|
|
6189
|
*
|
|
6190
|
* <div class="sk-spinner sk-spinner-wordpress">
|
|
6191
|
* <span class="sk-inner-circle"></span>
|
|
6192
|
* </div>
|
|
6193
|
*
|
|
6194
|
*/
|
|
6195
|
.sk-spinner-wordpress.sk-spinner {
|
|
6196
|
background-color: #6098eb;
|
|
6197
|
width: 30px;
|
|
6198
|
height: 30px;
|
|
6199
|
border-radius: 30px;
|
|
6200
|
position: relative;
|
|
6201
|
margin: 0 auto;
|
|
6202
|
-webkit-animation: sk-innerCircle 1s linear infinite;
|
|
6203
|
animation: sk-innerCircle 1s linear infinite;
|
|
6204
|
}
|
|
6205
|
.sk-spinner-wordpress .sk-inner-circle {
|
|
6206
|
display: block;
|
|
6207
|
background-color: #fff;
|
|
6208
|
width: 8px;
|
|
6209
|
height: 8px;
|
|
6210
|
position: absolute;
|
|
6211
|
border-radius: 8px;
|
|
6212
|
top: 5px;
|
|
6213
|
left: 5px;
|
|
6214
|
}
|
|
6215
|
@-webkit-keyframes sk-innerCircle {
|
|
6216
|
0% {
|
|
6217
|
-webkit-transform: rotate(0);
|
|
6218
|
transform: rotate(0);
|
|
6219
|
}
|
|
6220
|
100% {
|
|
6221
|
-webkit-transform: rotate(360deg);
|
|
6222
|
transform: rotate(360deg);
|
|
6223
|
}
|
|
6224
|
}
|
|
6225
|
@keyframes sk-innerCircle {
|
|
6226
|
0% {
|
|
6227
|
-webkit-transform: rotate(0);
|
|
6228
|
transform: rotate(0);
|
|
6229
|
}
|
|
6230
|
100% {
|
|
6231
|
-webkit-transform: rotate(360deg);
|
|
6232
|
transform: rotate(360deg);
|
|
6233
|
}
|
|
6234
|
}
|
|
6235
|
/*
|
|
6236
|
* Usage:
|
|
6237
|
*
|
|
6238
|
* <div class="sk-spinner sk-spinner-fading-circle">
|
|
6239
|
* <div class="sk-circle1 sk-circle"></div>
|
|
6240
|
* <div class="sk-circle2 sk-circle"></div>
|
|
6241
|
* <div class="sk-circle3 sk-circle"></div>
|
|
6242
|
* <div class="sk-circle4 sk-circle"></div>
|
|
6243
|
* <div class="sk-circle5 sk-circle"></div>
|
|
6244
|
* <div class="sk-circle6 sk-circle"></div>
|
|
6245
|
* <div class="sk-circle7 sk-circle"></div>
|
|
6246
|
* <div class="sk-circle8 sk-circle"></div>
|
|
6247
|
* <div class="sk-circle9 sk-circle"></div>
|
|
6248
|
* <div class="sk-circle10 sk-circle"></div>
|
|
6249
|
* <div class="sk-circle11 sk-circle"></div>
|
|
6250
|
* <div class="sk-circle12 sk-circle"></div>
|
|
6251
|
* </div>
|
|
6252
|
*
|
|
6253
|
*/
|
|
6254
|
.sk-spinner-fading-circle.sk-spinner {
|
|
6255
|
margin: 0 auto;
|
|
6256
|
width: 22px;
|
|
6257
|
height: 22px;
|
|
6258
|
position: relative;
|
|
6259
|
}
|
|
6260
|
.sk-spinner-fading-circle .sk-circle {
|
|
6261
|
width: 100%;
|
|
6262
|
height: 100%;
|
|
6263
|
position: absolute;
|
|
6264
|
left: 0;
|
|
6265
|
top: 0;
|
|
6266
|
}
|
|
6267
|
.sk-spinner-fading-circle .sk-circle:before {
|
|
6268
|
content: '';
|
|
6269
|
display: block;
|
|
6270
|
margin: 0 auto;
|
|
6271
|
width: 18%;
|
|
6272
|
height: 18%;
|
|
6273
|
background-color: #6098eb;
|
|
6274
|
border-radius: 100%;
|
|
6275
|
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
|
|
6276
|
animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
|
|
6277
|
/* Prevent first frame from flickering when animation starts */
|
|
6278
|
-webkit-animation-fill-mode: both;
|
|
6279
|
animation-fill-mode: both;
|
|
6280
|
}
|
|
6281
|
.sk-spinner-fading-circle .sk-circle2 {
|
|
6282
|
-webkit-transform: rotate(30deg);
|
|
6283
|
-ms-transform: rotate(30deg);
|
|
6284
|
transform: rotate(30deg);
|
|
6285
|
}
|
|
6286
|
.sk-spinner-fading-circle .sk-circle3 {
|
|
6287
|
-webkit-transform: rotate(60deg);
|
|
6288
|
-ms-transform: rotate(60deg);
|
|
6289
|
transform: rotate(60deg);
|
|
6290
|
}
|
|
6291
|
.sk-spinner-fading-circle .sk-circle4 {
|
|
6292
|
-webkit-transform: rotate(90deg);
|
|
6293
|
-ms-transform: rotate(90deg);
|
|
6294
|
transform: rotate(90deg);
|
|
6295
|
}
|
|
6296
|
.sk-spinner-fading-circle .sk-circle5 {
|
|
6297
|
-webkit-transform: rotate(120deg);
|
|
6298
|
-ms-transform: rotate(120deg);
|
|
6299
|
transform: rotate(120deg);
|
|
6300
|
}
|
|
6301
|
.sk-spinner-fading-circle .sk-circle6 {
|
|
6302
|
-webkit-transform: rotate(150deg);
|
|
6303
|
-ms-transform: rotate(150deg);
|
|
6304
|
transform: rotate(150deg);
|
|
6305
|
}
|
|
6306
|
.sk-spinner-fading-circle .sk-circle7 {
|
|
6307
|
-webkit-transform: rotate(180deg);
|
|
6308
|
-ms-transform: rotate(180deg);
|
|
6309
|
transform: rotate(180deg);
|
|
6310
|
}
|
|
6311
|
.sk-spinner-fading-circle .sk-circle8 {
|
|
6312
|
-webkit-transform: rotate(210deg);
|
|
6313
|
-ms-transform: rotate(210deg);
|
|
6314
|
transform: rotate(210deg);
|
|
6315
|
}
|
|
6316
|
.sk-spinner-fading-circle .sk-circle9 {
|
|
6317
|
-webkit-transform: rotate(240deg);
|
|
6318
|
-ms-transform: rotate(240deg);
|
|
6319
|
transform: rotate(240deg);
|
|
6320
|
}
|
|
6321
|
.sk-spinner-fading-circle .sk-circle10 {
|
|
6322
|
-webkit-transform: rotate(270deg);
|
|
6323
|
-ms-transform: rotate(270deg);
|
|
6324
|
transform: rotate(270deg);
|
|
6325
|
}
|
|
6326
|
.sk-spinner-fading-circle .sk-circle11 {
|
|
6327
|
-webkit-transform: rotate(300deg);
|
|
6328
|
-ms-transform: rotate(300deg);
|
|
6329
|
transform: rotate(300deg);
|
|
6330
|
}
|
|
6331
|
.sk-spinner-fading-circle .sk-circle12 {
|
|
6332
|
-webkit-transform: rotate(330deg);
|
|
6333
|
-ms-transform: rotate(330deg);
|
|
6334
|
transform: rotate(330deg);
|
|
6335
|
}
|
|
6336
|
.sk-spinner-fading-circle .sk-circle2:before {
|
|
6337
|
-webkit-animation-delay: -1.1s;
|
|
6338
|
animation-delay: -1.1s;
|
|
6339
|
}
|
|
6340
|
.sk-spinner-fading-circle .sk-circle3:before {
|
|
6341
|
-webkit-animation-delay: -1s;
|
|
6342
|
animation-delay: -1s;
|
|
6343
|
}
|
|
6344
|
.sk-spinner-fading-circle .sk-circle4:before {
|
|
6345
|
-webkit-animation-delay: -0.9s;
|
|
6346
|
animation-delay: -0.9s;
|
|
6347
|
}
|
|
6348
|
.sk-spinner-fading-circle .sk-circle5:before {
|
|
6349
|
-webkit-animation-delay: -0.8s;
|
|
6350
|
animation-delay: -0.8s;
|
|
6351
|
}
|
|
6352
|
.sk-spinner-fading-circle .sk-circle6:before {
|
|
6353
|
-webkit-animation-delay: -0.7s;
|
|
6354
|
animation-delay: -0.7s;
|
|
6355
|
}
|
|
6356
|
.sk-spinner-fading-circle .sk-circle7:before {
|
|
6357
|
-webkit-animation-delay: -0.6s;
|
|
6358
|
animation-delay: -0.6s;
|
|
6359
|
}
|
|
6360
|
.sk-spinner-fading-circle .sk-circle8:before {
|
|
6361
|
-webkit-animation-delay: -0.5s;
|
|
6362
|
animation-delay: -0.5s;
|
|
6363
|
}
|
|
6364
|
.sk-spinner-fading-circle .sk-circle9:before {
|
|
6365
|
-webkit-animation-delay: -0.4s;
|
|
6366
|
animation-delay: -0.4s;
|
|
6367
|
}
|
|
6368
|
.sk-spinner-fading-circle .sk-circle10:before {
|
|
6369
|
-webkit-animation-delay: -0.3s;
|
|
6370
|
animation-delay: -0.3s;
|
|
6371
|
}
|
|
6372
|
.sk-spinner-fading-circle .sk-circle11:before {
|
|
6373
|
-webkit-animation-delay: -0.2s;
|
|
6374
|
animation-delay: -0.2s;
|
|
6375
|
}
|
|
6376
|
.sk-spinner-fading-circle .sk-circle12:before {
|
|
6377
|
-webkit-animation-delay: -0.1s;
|
|
6378
|
animation-delay: -0.1s;
|
|
6379
|
}
|
|
6380
|
@-webkit-keyframes sk-circleFadeDelay {
|
|
6381
|
0%,
|
|
6382
|
39%,
|
|
6383
|
100% {
|
|
6384
|
opacity: 0;
|
|
6385
|
}
|
|
6386
|
40% {
|
|
6387
|
opacity: 1;
|
|
6388
|
}
|
|
6389
|
}
|
|
6390
|
@keyframes sk-circleFadeDelay {
|
|
6391
|
0%,
|
|
6392
|
39%,
|
|
6393
|
100% {
|
|
6394
|
opacity: 0;
|
|
6395
|
}
|
|
6396
|
40% {
|
|
6397
|
opacity: 1;
|
|
6398
|
}
|
|
6399
|
}
|
|
6400
|
/*
|
|
6401
|
*
|
|
6402
|
* INSPINIA Landing Page - Responsive Admin Theme
|
|
6403
|
* Copyright 2014 Webapplayers.com
|
|
6404
|
*
|
|
6405
|
*/
|
|
6406
|
/* GLOBAL STYLES
|
|
6407
|
-------------------------------------------------- */
|
|
6408
|
/* PACE PLUGIN
|
|
6409
|
-------------------------------------------------- */
|
|
6410
|
.landing-page.pace .pace-progress {
|
|
6411
|
background: #fff;
|
|
6412
|
position: fixed;
|
|
6413
|
z-index: 2000;
|
|
6414
|
top: 0;
|
|
6415
|
left: 0;
|
|
6416
|
height: 2px;
|
|
6417
|
-webkit-transition: width 1s;
|
|
6418
|
-moz-transition: width 1s;
|
|
6419
|
-o-transition: width 1s;
|
|
6420
|
transition: width 1s;
|
|
6421
|
}
|
|
6422
|
.pace-inactive {
|
|
6423
|
display: none;
|
|
6424
|
}
|
|
6425
|
body.landing-page {
|
|
6426
|
color: #676a6c;
|
|
6427
|
font-family: 'Open Sans', helvetica, arial, sans-serif;
|
|
6428
|
background-color: #fff;
|
|
6429
|
}
|
|
6430
|
.landing-page {
|
|
6431
|
/* CUSTOMIZE THE NAVBAR
|
|
6432
|
-------------------------------------------------- */
|
|
6433
|
/* Flip around the padding for proper display in narrow viewports */
|
|
6434
|
/* BACKGROUNDS SLIDER
|
|
6435
|
-------------------------------------------------- */
|
|
6436
|
/* CUSTOMIZE THE CAROUSEL
|
|
6437
|
-------------------------------------------------- */
|
|
6438
|
/* Carousel base class */
|
|
6439
|
/* Since positioning the image, we need to help out the caption */
|
|
6440
|
/* Declare heights because of positioning of img element */
|
|
6441
|
/* Sections
|
|
6442
|
------------------------- */
|
|
6443
|
/* Buttons - only primary custom button
|
|
6444
|
------------------------- */
|
|
6445
|
/* RESPONSIVE CSS
|
|
6446
|
-------------------------------------------------- */
|
|
6447
|
}
|
|
6448
|
.landing-page span.navy {
|
|
6449
|
color: #6098eb;
|
|
6450
|
}
|
|
6451
|
.landing-page p.text-color {
|
|
6452
|
color: #676a6c;
|
|
6453
|
}
|
|
6454
|
.landing-page a.navy-link {
|
|
6455
|
color: #6098eb;
|
|
6456
|
text-decoration: none;
|
|
6457
|
}
|
|
6458
|
.landing-page a.navy-link:hover {
|
|
6459
|
color: #179d82;
|
|
6460
|
}
|
|
6461
|
.landing-page section p {
|
|
6462
|
color: #aeaeae;
|
|
6463
|
font-size: 13px;
|
|
6464
|
}
|
|
6465
|
.landing-page address {
|
|
6466
|
font-size: 13px;
|
|
6467
|
}
|
|
6468
|
.landing-page h1 {
|
|
6469
|
margin-top: 10px;
|
|
6470
|
font-size: 30px;
|
|
6471
|
font-weight: 200;
|
|
6472
|
}
|
|
6473
|
.landing-page .navy-line {
|
|
6474
|
width: 60px;
|
|
6475
|
height: 1px;
|
|
6476
|
margin: 60px auto 0;
|
|
6477
|
border-bottom: 2px solid #6098eb;
|
|
6478
|
}
|
|
6479
|
.landing-page .navbar-wrapper {
|
|
6480
|
position: fixed;
|
|
6481
|
top: 0;
|
|
6482
|
right: 0;
|
|
6483
|
left: 0;
|
|
6484
|
z-index: 200;
|
|
6485
|
}
|
|
6486
|
.landing-page .navbar-wrapper > .container {
|
|
6487
|
padding-right: 0;
|
|
6488
|
padding-left: 0;
|
|
6489
|
}
|
|
6490
|
.landing-page .navbar-wrapper .navbar {
|
|
6491
|
padding-right: 15px;
|
|
6492
|
padding-left: 15px;
|
|
6493
|
}
|
|
6494
|
.landing-page .navbar-default.navbar-scroll {
|
|
6495
|
background-color: #fff;
|
|
6496
|
border-color: #fff;
|
|
6497
|
padding: 15px 0;
|
|
6498
|
}
|
|
6499
|
.landing-page .navbar-default {
|
|
6500
|
background-color: transparent;
|
|
6501
|
border-color: transparent;
|
|
6502
|
transition: all 0.3s ease-in-out 0s;
|
|
6503
|
}
|
|
6504
|
.landing-page .navbar-default .nav li a {
|
|
6505
|
color: #fff;
|
|
6506
|
font-family: 'Open Sans', helvetica, arial, sans-serif;
|
|
6507
|
font-weight: 700;
|
|
6508
|
letter-spacing: 1px;
|
|
6509
|
text-transform: uppercase;
|
|
6510
|
font-size: 14px;
|
|
6511
|
}
|
|
6512
|
.landing-page .navbar-nav > li > a {
|
|
6513
|
padding-top: 25px;
|
|
6514
|
border-top: 6px solid transparent;
|
|
6515
|
}
|
|
6516
|
.landing-page .navbar-default .navbar-nav > .active > a,
|
|
6517
|
.landing-page .navbar-default .navbar-nav > .active > a:hover {
|
|
6518
|
background: transparent;
|
|
6519
|
color: #fff;
|
|
6520
|
border-top: 6px solid #6098eb;
|
|
6521
|
}
|
|
6522
|
.landing-page .navbar-default .navbar-nav > li > a:hover,
|
|
6523
|
.landing-page .navbar-default .navbar-nav > li > a:focus {
|
|
6524
|
color: #6098eb;
|
|
6525
|
background: inherit;
|
|
6526
|
}
|
|
6527
|
.landing-page .navbar-default .navbar-nav > .active > a:focus {
|
|
6528
|
background: transparent;
|
|
6529
|
color: #fff;
|
|
6530
|
}
|
|
6531
|
.landing-page .navbar-default .navbar-nav > .active > a:focus {
|
|
6532
|
background: transparent;
|
|
6533
|
color: #ffffff;
|
|
6534
|
}
|
|
6535
|
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
|
|
6536
|
background: transparent;
|
|
6537
|
color: inherit;
|
|
6538
|
}
|
|
6539
|
.landing-page .navbar-default .navbar-brand:hover,
|
|
6540
|
.landing-page .navbar-default .navbar-brand:focus {
|
|
6541
|
background: #179d82;
|
|
6542
|
color: #fff;
|
|
6543
|
}
|
|
6544
|
.landing-page .navbar-default .navbar-brand {
|
|
6545
|
color: #fff;
|
|
6546
|
height: auto;
|
|
6547
|
display: block;
|
|
6548
|
font-size: 14px;
|
|
6549
|
background: #6098eb;
|
|
6550
|
padding: 15px 20px 15px 20px;
|
|
6551
|
border-radius: 0 0 5px 5px;
|
|
6552
|
font-weight: 700;
|
|
6553
|
transition: all 0.3s ease-in-out 0s;
|
|
6554
|
}
|
|
6555
|
.landing-page .navbar-scroll.navbar-default .nav li a {
|
|
6556
|
color: #676a6c;
|
|
6557
|
}
|
|
6558
|
.landing-page .navbar-scroll.navbar-default .nav li a:hover {
|
|
6559
|
color: #6098eb;
|
|
6560
|
}
|
|
6561
|
.landing-page .navbar-wrapper .navbar.navbar-scroll {
|
|
6562
|
padding-top: 0;
|
|
6563
|
padding-bottom: 0px;
|
|
6564
|
border-bottom: 1px solid #e7eaec;
|
|
6565
|
border-radius: 0;
|
|
6566
|
}
|
|
6567
|
.landing-page .nav > li.active {
|
|
6568
|
border: none;
|
|
6569
|
background: inherit;
|
|
6570
|
}
|
|
6571
|
.landing-page .nav > li > a {
|
|
6572
|
padding: 25px 10px 15px 10px;
|
|
6573
|
}
|
|
6574
|
.landing-page .navbar-scroll .navbar-nav > li > a {
|
|
6575
|
padding: 20px 10px;
|
|
6576
|
}
|
|
6577
|
.landing-page .navbar-default .navbar-nav > .active > a,
|
|
6578
|
.landing-page .navbar-default .navbar-nav > .active > a:hover {
|
|
6579
|
border-top: 6px solid #6098eb;
|
|
6580
|
}
|
|
6581
|
.landing-page .navbar-fixed-top {
|
|
6582
|
border: none !important;
|
|
6583
|
}
|
|
6584
|
.landing-page .navbar-fixed-top.navbar-scroll {
|
|
6585
|
border-bottom: 1px solid #e7eaec !important;
|
|
6586
|
}
|
|
6587
|
.landing-page .navbar.navbar-scroll .navbar-brand {
|
|
6588
|
margin-top: 15px;
|
|
6589
|
border-radius: 5px;
|
|
6590
|
font-size: 12px;
|
|
6591
|
padding: 10px;
|
|
6592
|
height: auto;
|
|
6593
|
}
|
|
6594
|
.landing-page .header-back {
|
|
6595
|
height: 470px;
|
|
6596
|
width: 100%;
|
|
6597
|
}
|
|
6598
|
.landing-page .header-back.one {
|
|
6599
|
background: url('../img/landing/header_one.jpg') 50% 0 no-repeat;
|
|
6600
|
}
|
|
6601
|
.landing-page .header-back.two {
|
|
6602
|
background: url('../img/landing/header_two.jpg') 50% 0 no-repeat;
|
|
6603
|
}
|
|
6604
|
.landing-page .carousel {
|
|
6605
|
height: 470px;
|
|
6606
|
}
|
|
6607
|
.landing-page .carousel-caption {
|
|
6608
|
z-index: 10;
|
|
6609
|
}
|
|
6610
|
.landing-page .carousel .item {
|
|
6611
|
height: 470px;
|
|
6612
|
background-color: #777;
|
|
6613
|
}
|
|
6614
|
.landing-page .carousel-inner > .item > img {
|
|
6615
|
position: absolute;
|
|
6616
|
top: 0;
|
|
6617
|
left: 0;
|
|
6618
|
min-width: 100%;
|
|
6619
|
height: 470px;
|
|
6620
|
}
|
|
6621
|
.landing-page .carousel-fade .carousel-inner .item {
|
|
6622
|
opacity: 0;
|
|
6623
|
-webkit-transition-property: opacity;
|
|
6624
|
transition-property: opacity;
|
|
6625
|
}
|
|
6626
|
.landing-page .carousel-fade .carousel-inner .active {
|
|
6627
|
opacity: 1;
|
|
6628
|
}
|
|
6629
|
.landing-page .carousel-fade .carousel-inner .active.left,
|
|
6630
|
.landing-page .carousel-fade .carousel-inner .active.right {
|
|
6631
|
left: 0;
|
|
6632
|
opacity: 0;
|
|
6633
|
z-index: 1;
|
|
6634
|
}
|
|
6635
|
.landing-page .carousel-fade .carousel-inner .next.left,
|
|
6636
|
.landing-page .carousel-fade .carousel-inner .prev.right {
|
|
6637
|
opacity: 1;
|
|
6638
|
}
|
|
6639
|
.landing-page .carousel-fade .carousel-control {
|
|
6640
|
z-index: 2;
|
|
6641
|
}
|
|
6642
|
.landing-page .carousel-control.left,
|
|
6643
|
.landing-page .carousel-control.right {
|
|
6644
|
background: none;
|
|
6645
|
}
|
|
6646
|
.landing-page .carousel-control {
|
|
6647
|
width: 6%;
|
|
6648
|
}
|
|
6649
|
.landing-page .carousel-inner .container {
|
|
6650
|
position: relative;
|
|
6651
|
}
|
|
6652
|
.landing-page .carousel-inner {
|
|
6653
|
overflow: visible;
|
|
6654
|
}
|
|
6655
|
.landing-page .carousel-caption {
|
|
6656
|
position: absolute;
|
|
6657
|
top: 100px;
|
|
6658
|
left: 0;
|
|
6659
|
bottom: auto;
|
|
6660
|
right: auto;
|
|
6661
|
text-align: left;
|
|
6662
|
}
|
|
6663
|
.landing-page .carousel-caption {
|
|
6664
|
position: absolute;
|
|
6665
|
top: 100px;
|
|
6666
|
left: 0;
|
|
6667
|
bottom: auto;
|
|
6668
|
right: auto;
|
|
6669
|
text-align: left;
|
|
6670
|
}
|
|
6671
|
.landing-page .carousel-caption.blank {
|
|
6672
|
top: 140px;
|
|
6673
|
}
|
|
6674
|
.landing-page .carousel-image {
|
|
6675
|
position: absolute;
|
|
6676
|
right: 10px;
|
|
6677
|
top: 150px;
|
|
6678
|
}
|
|
6679
|
.landing-page .carousel-indicators {
|
|
6680
|
padding-right: 60px;
|
|
6681
|
}
|
|
6682
|
.landing-page .carousel-caption h1 {
|
|
6683
|
font-weight: 700;
|
|
6684
|
font-size: 38px;
|
|
6685
|
text-transform: uppercase;
|
|
6686
|
text-shadow: none;
|
|
6687
|
letter-spacing: -1.5px;
|
|
6688
|
}
|
|
6689
|
.landing-page .carousel-caption p {
|
|
6690
|
font-weight: 700;
|
|
6691
|
text-transform: uppercase;
|
|
6692
|
text-shadow: none;
|
|
6693
|
}
|
|
6694
|
.landing-page .caption-link {
|
|
6695
|
color: #fff;
|
|
6696
|
margin-left: 10px;
|
|
6697
|
text-transform: capitalize;
|
|
6698
|
font-weight: 400;
|
|
6699
|
}
|
|
6700
|
.landing-page .caption-link:hover {
|
|
6701
|
text-decoration: none;
|
|
6702
|
color: inherit;
|
|
6703
|
}
|
|
6704
|
.landing-page .services {
|
|
6705
|
padding-top: 60px;
|
|
6706
|
}
|
|
6707
|
.landing-page .services h2 {
|
|
6708
|
font-size: 20px;
|
|
6709
|
letter-spacing: -1px;
|
|
6710
|
font-weight: 600;
|
|
6711
|
text-transform: uppercase;
|
|
6712
|
}
|
|
6713
|
.landing-page .features-block {
|
|
6714
|
margin-top: 40px;
|
|
6715
|
}
|
|
6716
|
.landing-page .features-text {
|
|
6717
|
margin-top: 40px;
|
|
6718
|
}
|
|
6719
|
.landing-page .features small {
|
|
6720
|
color: #6098eb;
|
|
6721
|
}
|
|
6722
|
.landing-page .features h2 {
|
|
6723
|
font-size: 18px;
|
|
6724
|
margin-top: 5px;
|
|
6725
|
}
|
|
6726
|
.landing-page .features-text-alone {
|
|
6727
|
margin: 40px 0;
|
|
6728
|
}
|
|
6729
|
.landing-page .features-text-alone h1 {
|
|
6730
|
font-weight: 200;
|
|
6731
|
}
|
|
6732
|
.landing-page .features-icon {
|
|
6733
|
color: #6098eb;
|
|
6734
|
font-size: 40px;
|
|
6735
|
}
|
|
6736
|
.landing-page .navy-section {
|
|
6737
|
margin-top: 60px;
|
|
6738
|
background: #6098eb;
|
|
6739
|
color: #fff;
|
|
6740
|
padding: 20px 0;
|
|
6741
|
}
|
|
6742
|
.landing-page .gray-section {
|
|
6743
|
background: #f4f4f4;
|
|
6744
|
margin-top: 60px;
|
|
6745
|
}
|
|
6746
|
.landing-page .team-member {
|
|
6747
|
text-align: center;
|
|
6748
|
}
|
|
6749
|
.landing-page .team-member img {
|
|
6750
|
margin: auto;
|
|
6751
|
}
|
|
6752
|
.landing-page .social-icon a {
|
|
6753
|
background: #6098eb;
|
|
6754
|
color: #fff;
|
|
6755
|
padding: 4px 8px;
|
|
6756
|
height: 28px;
|
|
6757
|
width: 28px;
|
|
6758
|
display: block;
|
|
6759
|
border-radius: 50px;
|
|
6760
|
}
|
|
6761
|
.landing-page .social-icon a:hover {
|
|
6762
|
background: #179d82;
|
|
6763
|
}
|
|
6764
|
.landing-page .img-small {
|
|
6765
|
height: 88px;
|
|
6766
|
width: 88px;
|
|
6767
|
}
|
|
6768
|
.landing-page .pricing-plan {
|
|
6769
|
margin: 20px 30px 0 30px;
|
|
6770
|
border-radius: 4px;
|
|
6771
|
}
|
|
6772
|
.landing-page .pricing-plan.selected {
|
|
6773
|
transform: scale(1.1);
|
|
6774
|
background: #f4f4f4 ;
|
|
6775
|
}
|
|
6776
|
.landing-page .pricing-plan li {
|
|
6777
|
padding: 10px 16px;
|
|
6778
|
border-top: 1px solid #e7eaec;
|
|
6779
|
text-align: center;
|
|
6780
|
color: #aeaeae;
|
|
6781
|
}
|
|
6782
|
.landing-page .pricing-plan .pricing-price span {
|
|
6783
|
font-weight: 700;
|
|
6784
|
color: #6098eb;
|
|
6785
|
}
|
|
6786
|
.landing-page li.pricing-desc {
|
|
6787
|
font-size: 13px;
|
|
6788
|
border-top: none;
|
|
6789
|
padding: 20px 16px ;
|
|
6790
|
}
|
|
6791
|
.landing-page li.pricing-title {
|
|
6792
|
background: #6098eb;
|
|
6793
|
color: #fff;
|
|
6794
|
padding: 10px;
|
|
6795
|
border-radius: 4px 4px 0 0;
|
|
6796
|
font-size: 22px;
|
|
6797
|
font-weight: 600;
|
|
6798
|
}
|
|
6799
|
.landing-page .testimonials {
|
|
6800
|
padding-top: 80px;
|
|
6801
|
padding-bottom: 90px;
|
|
6802
|
background-color: #6098eb;
|
|
6803
|
background-image: url('../img/landing/avatar_all.png');
|
|
6804
|
}
|
|
6805
|
.landing-page .big-icon {
|
|
6806
|
font-size: 56px !important;
|
|
6807
|
}
|
|
6808
|
.landing-page .features .big-icon {
|
|
6809
|
color: #6098eb !important;
|
|
6810
|
}
|
|
6811
|
.landing-page .contact {
|
|
6812
|
background-image: url('../img/landing/word_map.png');
|
|
6813
|
background-position: 50% 50%;
|
|
6814
|
background-repeat: no-repeat;
|
|
6815
|
margin-top: 60px;
|
|
6816
|
}
|
|
6817
|
.landing-page section.timeline {
|
|
6818
|
padding-bottom: 30px;
|
|
6819
|
}
|
|
6820
|
.landing-page section.comments {
|
|
6821
|
padding-bottom: 80px;
|
|
6822
|
}
|
|
6823
|
.landing-page .comments-avatar {
|
|
6824
|
margin-top: 25px;
|
|
6825
|
margin-left: 22px;
|
|
6826
|
}
|
|
6827
|
.landing-page .comments-avatar .commens-name {
|
|
6828
|
font-weight: 600;
|
|
6829
|
font-size: 14px;
|
|
6830
|
}
|
|
6831
|
.landing-page .comments-avatar img {
|
|
6832
|
width: 42px;
|
|
6833
|
height: 42px;
|
|
6834
|
border-radius: 50%;
|
|
6835
|
margin-right: 10px;
|
|
6836
|
}
|
|
6837
|
.landing-page .bubble {
|
|
6838
|
position: relative;
|
|
6839
|
height: 120px;
|
|
6840
|
padding: 20px;
|
|
6841
|
background: #FFFFFF;
|
|
6842
|
-webkit-border-radius: 10px;
|
|
6843
|
-moz-border-radius: 10px;
|
|
6844
|
border-radius: 10px;
|
|
6845
|
font-style: italic;
|
|
6846
|
font-size: 14px;
|
|
6847
|
}
|
|
6848
|
.landing-page .bubble:after {
|
|
6849
|
content: '';
|
|
6850
|
position: absolute;
|
|
6851
|
border-style: solid;
|
|
6852
|
border-width: 15px 14px 0;
|
|
6853
|
border-color: #FFFFFF transparent;
|
|
6854
|
display: block;
|
|
6855
|
width: 0;
|
|
6856
|
z-index: 1;
|
|
6857
|
bottom: -15px;
|
|
6858
|
left: 30px;
|
|
6859
|
}
|
|
6860
|
.landing-page .btn-primary.btn-outline:hover,
|
|
6861
|
.landing-page .btn-success.btn-outline:hover,
|
|
6862
|
.landing-page .btn-info.btn-outline:hover,
|
|
6863
|
.landing-page .btn-warning.btn-outline:hover,
|
|
6864
|
.landing-page .btn-danger.btn-outline:hover {
|
|
6865
|
color: #fff;
|
|
6866
|
}
|
|
6867
|
.landing-page .btn-primary {
|
|
6868
|
background-color: #6098eb;
|
|
6869
|
border-color: #6098eb;
|
|
6870
|
color: #FFFFFF;
|
|
6871
|
font-size: 14px;
|
|
6872
|
padding: 10px 20px;
|
|
6873
|
font-weight: 600;
|
|
6874
|
}
|
|
6875
|
.landing-page .btn-primary:hover,
|
|
6876
|
.landing-page .btn-primary:focus,
|
|
6877
|
.landing-page .btn-primary:active,
|
|
6878
|
.landing-page .btn-primary.active,
|
|
6879
|
.landing-page .open .dropdown-toggle.btn-primary {
|
|
6880
|
background-color: #179d82;
|
|
6881
|
border-color: #179d82;
|
|
6882
|
color: #FFFFFF;
|
|
6883
|
}
|
|
6884
|
.landing-page .btn-primary:active,
|
|
6885
|
.landing-page .btn-primary.active,
|
|
6886
|
.landing-page .open .dropdown-toggle.btn-primary {
|
|
6887
|
background-image: none;
|
|
6888
|
}
|
|
6889
|
.landing-page .btn-primary.disabled,
|
|
6890
|
.landing-page .btn-primary.disabled:hover,
|
|
6891
|
.landing-page .btn-primary.disabled:focus,
|
|
6892
|
.landing-page .btn-primary.disabled:active,
|
|
6893
|
.landing-page .btn-primary.disabled.active,
|
|
6894
|
.landing-page .btn-primary[disabled],
|
|
6895
|
.landing-page .btn-primary[disabled]:hover,
|
|
6896
|
.landing-page .btn-primary[disabled]:focus,
|
|
6897
|
.landing-page .btn-primary[disabled]:active,
|
|
6898
|
.landing-page .btn-primary.active[disabled],
|
|
6899
|
.landing-page fieldset[disabled] .btn-primary,
|
|
6900
|
.landing-page fieldset[disabled] .btn-primary:hover,
|
|
6901
|
.landing-page fieldset[disabled] .btn-primary:focus,
|
|
6902
|
.landing-page fieldset[disabled] .btn-primary:active,
|
|
6903
|
.landing-page fieldset[disabled] .btn-primary.active {
|
|
6904
|
background-color: #1dc5a3;
|
|
6905
|
border-color: #1dc5a3;
|
|
6906
|
}
|
|
6907
|
@media (min-width: 768px) {
|
|
6908
|
.landing-page {
|
|
6909
|
/* Navbar positioning foo */
|
|
6910
|
/* The navbar becomes detached from the top, so we round the corners */
|
|
6911
|
/* Bump up size of carousel content */
|
|
6912
|
}
|
|
6913
|
.landing-page .navbar-wrapper {
|
|
6914
|
margin-top: 20px;
|
|
6915
|
}
|
|
6916
|
.landing-page .navbar-wrapper .container {
|
|
6917
|
padding-right: 15px;
|
|
6918
|
padding-left: 15px;
|
|
6919
|
}
|
|
6920
|
.landing-page .navbar-wrapper .navbar {
|
|
6921
|
padding-right: 0;
|
|
6922
|
padding-left: 0;
|
|
6923
|
}
|
|
6924
|
.landing-page .navbar-wrapper .navbar {
|
|
6925
|
border-radius: 4px;
|
|
6926
|
}
|
|
6927
|
.landing-page .carousel-caption p {
|
|
6928
|
margin-bottom: 20px;
|
|
6929
|
font-size: 14px;
|
|
6930
|
line-height: 1.4;
|
|
6931
|
}
|
|
6932
|
.landing-page .featurette-heading {
|
|
6933
|
font-size: 50px;
|
|
6934
|
}
|
|
6935
|
}
|
|
6936
|
@media (max-width: 992px) {
|
|
6937
|
.landing-page .carousel-image {
|
|
6938
|
display: none;
|
|
6939
|
}
|
|
6940
|
}
|
|
6941
|
@media (max-width: 768px) {
|
|
6942
|
.landing-page .carousel-caption,
|
|
6943
|
.landing-page .carousel-caption.blank {
|
|
6944
|
left: 5%;
|
|
6945
|
top: 80px;
|
|
6946
|
}
|
|
6947
|
.landing-page .carousel-caption h1 {
|
|
6948
|
font-size: 28px;
|
|
6949
|
}
|
|
6950
|
.landing-page .navbar.navbar-scroll .navbar-brand {
|
|
6951
|
margin-top: 6px;
|
|
6952
|
}
|
|
6953
|
.landing-page .navbar-default {
|
|
6954
|
background-color: #fff;
|
|
6955
|
border-color: #fff;
|
|
6956
|
padding: 15px 0;
|
|
6957
|
}
|
|
6958
|
.landing-page .navbar-default .navbar-nav > .active > a:focus {
|
|
6959
|
background: transparent;
|
|
6960
|
color: inherit;
|
|
6961
|
}
|
|
6962
|
.landing-page .navbar-default .nav li a {
|
|
6963
|
color: #676a6c;
|
|
6964
|
}
|
|
6965
|
.landing-page .navbar-default .nav li a:hover {
|
|
6966
|
color: #6098eb;
|
|
6967
|
}
|
|
6968
|
.landing-page .navbar-wrapper .navbar {
|
|
6969
|
padding-top: 0;
|
|
6970
|
padding-bottom: 5px;
|
|
6971
|
border-bottom: 1px solid #e7eaec;
|
|
6972
|
border-radius: 0;
|
|
6973
|
}
|
|
6974
|
.landing-page .nav > li > a {
|
|
6975
|
padding: 25px 10px 15px 10px;
|
|
6976
|
}
|
|
6977
|
.landing-page .navbar-nav > li > a {
|
|
6978
|
padding: 20px 10px;
|
|
6979
|
}
|
|
6980
|
.landing-page .navbar .navbar-brand {
|
|
6981
|
margin-top: 6px;
|
|
6982
|
border-radius: 5px;
|
|
6983
|
font-size: 12px;
|
|
6984
|
padding: 10px;
|
|
6985
|
height: auto;
|
|
6986
|
}
|
|
6987
|
.landing-page .navbar-wrapper .navbar {
|
|
6988
|
padding-left: 15px;
|
|
6989
|
padding-right: 5px;
|
|
6990
|
}
|
|
6991
|
.landing-page .navbar-default .navbar-nav > .active > a,
|
|
6992
|
.landing-page .navbar-default .navbar-nav > .active > a:hover {
|
|
6993
|
color: inherit;
|
|
6994
|
}
|
|
6995
|
.landing-page .carousel-control {
|
|
6996
|
display: none;
|
|
6997
|
}
|
|
6998
|
}
|
|
6999
|
@media (min-width: 992px) {
|
|
7000
|
.landing-page .featurette-heading {
|
|
7001
|
margin-top: 120px;
|
|
7002
|
}
|
|
7003
|
}
|
|
7004
|
@media (max-width: 768px) {
|
|
7005
|
.landing-page .navbar .navbar-header {
|
|
7006
|
display: block;
|
|
7007
|
float: none;
|
|
7008
|
}
|
|
7009
|
.landing-page .navbar .navbar-header .navbar-toggle {
|
|
7010
|
background-color: #ffffff;
|
|
7011
|
padding: 9px 10px;
|
|
7012
|
border: none;
|
|
7013
|
}
|
|
7014
|
}
|
|
7015
|
body.rtls {
|
|
7016
|
/* Theme config */
|
|
7017
|
}
|
|
7018
|
body.rtls #page-wrapper {
|
|
7019
|
margin: 0 220px 0 0;
|
|
7020
|
}
|
|
7021
|
body.rtls .nav-second-level li a {
|
|
7022
|
padding: 7px 35px 7px 10px;
|
|
7023
|
}
|
|
7024
|
body.rtls .ibox-title h5 {
|
|
7025
|
float: right;
|
|
7026
|
}
|
|
7027
|
body.rtls .pull-right {
|
|
7028
|
float: left !important;
|
|
7029
|
}
|
|
7030
|
body.rtls .pull-left {
|
|
7031
|
float: right !important;
|
|
7032
|
}
|
|
7033
|
body.rtls .ibox-tools {
|
|
7034
|
float: left;
|
|
7035
|
}
|
|
7036
|
body.rtls .stat-percent {
|
|
7037
|
float: left;
|
|
7038
|
}
|
|
7039
|
body.rtls .navbar-right {
|
|
7040
|
float: left !important;
|
|
7041
|
}
|
|
7042
|
body.rtls .navbar-top-links li:last-child {
|
|
7043
|
margin-left: 40px;
|
|
7044
|
margin-right: 0;
|
|
7045
|
}
|
|
7046
|
body.rtls .minimalize-styl-2 {
|
|
7047
|
float: right;
|
|
7048
|
margin: 14px 20px 5px 5px;
|
|
7049
|
}
|
|
7050
|
body.rtls .feed-element > .pull-left {
|
|
7051
|
margin-left: 10px;
|
|
7052
|
margin-right: 0;
|
|
7053
|
}
|
|
7054
|
body.rtls .timeline-item .date {
|
|
7055
|
text-align: left;
|
|
7056
|
}
|
|
7057
|
body.rtls .timeline-item .date i {
|
|
7058
|
left: 0;
|
|
7059
|
right: auto;
|
|
7060
|
}
|
|
7061
|
body.rtls .timeline-item .content {
|
|
7062
|
border-right: 1px solid #e7eaec;
|
|
7063
|
border-left: none;
|
|
7064
|
}
|
|
7065
|
body.rtls .theme-config {
|
|
7066
|
left: 0;
|
|
7067
|
right: auto;
|
|
7068
|
}
|
|
7069
|
body.rtls .spin-icon {
|
|
7070
|
border-radius: 0 20px 20px 0;
|
|
7071
|
}
|
|
7072
|
body.rtls .toast-close-button {
|
|
7073
|
float: left;
|
|
7074
|
}
|
|
7075
|
body.rtls #toast-container > .toast:before {
|
|
7076
|
margin: auto -1.5em auto 0.5em;
|
|
7077
|
}
|
|
7078
|
body.rtls #toast-container > div {
|
|
7079
|
padding: 15px 50px 15px 15px;
|
|
7080
|
}
|
|
7081
|
body.rtls .center-orientation .vertical-timeline-icon i {
|
|
7082
|
margin-left: 0;
|
|
7083
|
margin-right: -12px;
|
|
7084
|
}
|
|
7085
|
body.rtls .vertical-timeline-icon i {
|
|
7086
|
right: 50%;
|
|
7087
|
left: auto;
|
|
7088
|
margin-left: auto;
|
|
7089
|
margin-right: -12px;
|
|
7090
|
}
|
|
7091
|
body.rtls .file-box {
|
|
7092
|
float: right;
|
|
7093
|
}
|
|
7094
|
body.rtls ul.notes li {
|
|
7095
|
float: right;
|
|
7096
|
}
|
|
7097
|
body.rtls .chat-users,
|
|
7098
|
body.rtls .chat-statistic {
|
|
7099
|
margin-right: -30px;
|
|
7100
|
margin-left: auto;
|
|
7101
|
}
|
|
7102
|
body.rtls .dropdown-menu > li > a {
|
|
7103
|
text-align: right;
|
|
7104
|
}
|
|
7105
|
body.rtls .b-r {
|
|
7106
|
border-left: 1px solid #e7eaec;
|
|
7107
|
border-right: none;
|
|
7108
|
}
|
|
7109
|
body.rtls .dd-list .dd-list {
|
|
7110
|
padding-right: 30px;
|
|
7111
|
padding-left: 0;
|
|
7112
|
}
|
|
7113
|
body.rtls .dd-item > button {
|
|
7114
|
float: right;
|
|
7115
|
}
|
|
7116
|
body.rtls .theme-config-box {
|
|
7117
|
margin-left: -220px;
|
|
7118
|
margin-right: 0;
|
|
7119
|
}
|
|
7120
|
body.rtls .theme-config-box.show {
|
|
7121
|
margin-left: 0;
|
|
7122
|
margin-right: 0;
|
|
7123
|
}
|
|
7124
|
body.rtls .spin-icon {
|
|
7125
|
right: 0;
|
|
7126
|
left: auto;
|
|
7127
|
}
|
|
7128
|
body.rtls .skin-setttings {
|
|
7129
|
margin-right: 40px;
|
|
7130
|
margin-left: 0;
|
|
7131
|
}
|
|
7132
|
body.rtls .skin-setttings {
|
|
7133
|
direction: ltr;
|
|
7134
|
}
|
|
7135
|
body.rtls .footer.fixed {
|
|
7136
|
margin-right: 220px;
|
|
7137
|
margin-left: 0;
|
|
7138
|
}
|
|
7139
|
@media (max-width: 992px) {
|
|
7140
|
body.rtls .chat-users,
|
|
7141
|
body.rtls .chat-statistic {
|
|
7142
|
margin-right: 0px;
|
|
7143
|
}
|
|
7144
|
}
|
|
7145
|
body.rtls.mini-navbar .footer.fixed,
|
|
7146
|
body.body-small.mini-navbar .footer.fixed {
|
|
7147
|
margin: 0 70px 0 0;
|
|
7148
|
}
|
|
7149
|
body.rtls.mini-navbar.fixed-sidebar .footer.fixed,
|
|
7150
|
body.body-small.mini-navbar .footer.fixed {
|
|
7151
|
margin: 0 0 0 0;
|
|
7152
|
}
|
|
7153
|
body.rtls.top-navigation .navbar-toggle {
|
|
7154
|
float: right;
|
|
7155
|
margin-left: 15px;
|
|
7156
|
margin-right: 15px;
|
|
7157
|
}
|
|
7158
|
.body-small.rtls.top-navigation .navbar-header {
|
|
7159
|
float: none;
|
|
7160
|
}
|
|
7161
|
body.rtls.top-navigation #page-wrapper {
|
|
7162
|
margin: 0;
|
|
7163
|
}
|
|
7164
|
body.rtls.mini-navbar #page-wrapper {
|
|
7165
|
margin: 0 70px 0 0;
|
|
7166
|
}
|
|
7167
|
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
|
|
7168
|
margin: 0 0 0 0;
|
|
7169
|
}
|
|
7170
|
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
|
|
7171
|
margin: 0 220px 0 0;
|
|
7172
|
}
|
|
7173
|
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
|
|
7174
|
width: 220px;
|
|
7175
|
}
|
|
7176
|
.body-small.rtls .navbar-fixed-top {
|
|
7177
|
margin-right: 0px;
|
|
7178
|
}
|
|
7179
|
.body-small.rtls .navbar-header {
|
|
7180
|
float: right;
|
|
7181
|
}
|
|
7182
|
body.rtls .navbar-top-links li:last-child {
|
|
7183
|
margin-left: 20px;
|
|
7184
|
}
|
|
7185
|
body.rtls .top-navigation #page-wrapper,
|
|
7186
|
body.rtls.mini-navbar .top-navigation #page-wrapper,
|
|
7187
|
body.rtls.mini-navbar.top-navigation #page-wrapper {
|
|
7188
|
margin: 0;
|
|
7189
|
}
|
|
7190
|
body.rtls .top-navigation .footer.fixed,
|
|
7191
|
body.rtls.top-navigation .footer.fixed {
|
|
7192
|
margin: 0;
|
|
7193
|
}
|
|
7194
|
@media (max-width: 768px) {
|
|
7195
|
body.rtls .navbar-top-links li:last-child {
|
|
7196
|
margin-left: 20px;
|
|
7197
|
}
|
|
7198
|
.body-small.rtls #page-wrapper {
|
|
7199
|
position: inherit;
|
|
7200
|
margin: 0 0 0 0px;
|
|
7201
|
min-height: 1000px;
|
|
7202
|
}
|
|
7203
|
.body-small.rtls .navbar-static-side {
|
|
7204
|
display: none;
|
|
7205
|
z-index: 2001;
|
|
7206
|
position: absolute;
|
|
7207
|
width: 70px;
|
|
7208
|
}
|
|
7209
|
.body-small.rtls.mini-navbar .navbar-static-side {
|
|
7210
|
display: block;
|
|
7211
|
}
|
|
7212
|
.rtls.fixed-sidebar.body-small .navbar-static-side {
|
|
7213
|
display: none;
|
|
7214
|
z-index: 2001;
|
|
7215
|
position: fixed;
|
|
7216
|
width: 220px;
|
|
7217
|
}
|
|
7218
|
.rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
|
|
7219
|
display: block;
|
|
7220
|
}
|
|
7221
|
}
|
|
7222
|
.rtls .ltr-support {
|
|
7223
|
direction: ltr;
|
|
7224
|
}
|
|
7225
|
/*
|
|
7226
|
*
|
|
7227
|
* This is style for skin config
|
|
7228
|
* Use only in demo theme
|
|
7229
|
*
|
|
7230
|
*/
|
|
7231
|
.theme-config {
|
|
7232
|
position: absolute;
|
|
7233
|
top: 90px;
|
|
7234
|
right: 0px;
|
|
7235
|
overflow: hidden;
|
|
7236
|
}
|
|
7237
|
.theme-config-box {
|
|
7238
|
margin-right: -220px;
|
|
7239
|
position: relative;
|
|
7240
|
z-index: 2000;
|
|
7241
|
transition-duration: 0.8s;
|
|
7242
|
}
|
|
7243
|
.theme-config-box.show {
|
|
7244
|
margin-right: 0px;
|
|
7245
|
}
|
|
7246
|
.spin-icon {
|
|
7247
|
background: #6098eb;
|
|
7248
|
position: absolute;
|
|
7249
|
padding: 7px 10px 7px 13px;
|
|
7250
|
border-radius: 20px 0px 0px 20px;
|
|
7251
|
font-size: 16px;
|
|
7252
|
top: 0;
|
|
7253
|
left: 0px;
|
|
7254
|
width: 40px;
|
|
7255
|
color: #fff;
|
|
7256
|
cursor: pointer;
|
|
7257
|
}
|
|
7258
|
.skin-setttings {
|
|
7259
|
width: 220px;
|
|
7260
|
margin-left: 40px;
|
|
7261
|
background: #f3f3f4;
|
|
7262
|
}
|
|
7263
|
.skin-setttings .title {
|
|
7264
|
background: #efefef;
|
|
7265
|
text-align: center;
|
|
7266
|
text-transform: uppercase;
|
|
7267
|
font-weight: 600;
|
|
7268
|
display: block;
|
|
7269
|
padding: 10px 15px;
|
|
7270
|
font-size: 12px;
|
|
7271
|
}
|
|
7272
|
.setings-item {
|
|
7273
|
padding: 10px 30px;
|
|
7274
|
}
|
|
7275
|
.setings-item.skin {
|
|
7276
|
text-align: center;
|
|
7277
|
}
|
|
7278
|
.setings-item .switch {
|
|
7279
|
float: right;
|
|
7280
|
}
|
|
7281
|
.skin-name a {
|
|
7282
|
text-transform: uppercase;
|
|
7283
|
}
|
|
7284
|
.setings-item a {
|
|
7285
|
color: #fff;
|
|
7286
|
}
|
|
7287
|
.default-skin,
|
|
7288
|
.blue-skin,
|
|
7289
|
.ultra-skin,
|
|
7290
|
.yellow-skin {
|
|
7291
|
text-align: center;
|
|
7292
|
}
|
|
7293
|
.default-skin {
|
|
7294
|
font-weight: 600;
|
|
7295
|
background: #283A49;
|
|
7296
|
}
|
|
7297
|
.default-skin:hover {
|
|
7298
|
background: #1e2e3d;
|
|
7299
|
}
|
|
7300
|
.blue-skin {
|
|
7301
|
font-weight: 600;
|
|
7302
|
background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
|
|
7303
|
}
|
|
7304
|
.blue-skin:hover {
|
|
7305
|
background: #0d8ddb;
|
|
7306
|
}
|
|
7307
|
.yellow-skin {
|
|
7308
|
font-weight: 600;
|
|
7309
|
background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
|
|
7310
|
}
|
|
7311
|
.yellow-skin:hover {
|
|
7312
|
background: #ce8735;
|
|
7313
|
}
|
|
7314
|
.ultra-skin {
|
|
7315
|
padding: 20px 10px;
|
|
7316
|
font-weight: 600;
|
|
7317
|
background: url("patterns/3.png") repeat scroll 0 0;
|
|
7318
|
}
|
|
7319
|
.ultra-skin:hover {
|
|
7320
|
background: url("patterns/4.png") repeat scroll 0 0;
|
|
7321
|
}
|
|
7322
|
/*
|
|
7323
|
*
|
|
7324
|
* SKIN 1 - INSPINIA - Responsive Admin Theme
|
|
7325
|
* NAME - Blue light
|
|
7326
|
*
|
|
7327
|
*/
|
|
7328
|
.skin-1 .minimalize-styl-2 {
|
|
7329
|
margin: 14px 5px 5px 30px;
|
|
7330
|
}
|
|
7331
|
.skin-1 .navbar-top-links li:last-child {
|
|
7332
|
margin-right: 30px;
|
|
7333
|
}
|
|
7334
|
.skin-1.fixed-nav .minimalize-styl-2 {
|
|
7335
|
margin: 14px 5px 5px 15px;
|
|
7336
|
}
|
|
7337
|
.skin-1 .spin-icon {
|
|
7338
|
background: #0e9aef !important;
|
|
7339
|
}
|
|
7340
|
.skin-1 .nav-header {
|
|
7341
|
background: #0e9aef;
|
|
7342
|
background: url('patterns/header-profile-skin-1.png');
|
|
7343
|
}
|
|
7344
|
.skin-1.mini-navbar .nav-second-level {
|
|
7345
|
background: #3e495f;
|
|
7346
|
}
|
|
7347
|
.skin-1 .breadcrumb {
|
|
7348
|
background: transparent;
|
|
7349
|
}
|
|
7350
|
.skin-1 .page-heading {
|
|
7351
|
border: none;
|
|
7352
|
}
|
|
7353
|
.skin-1 .nav > li.active {
|
|
7354
|
background: #3a4459;
|
|
7355
|
}
|
|
7356
|
.skin-1 .nav > li > a {
|
|
7357
|
color: #9ea6b9;
|
|
7358
|
}
|
|
7359
|
.skin-1 .nav > li.active > a {
|
|
7360
|
color: #fff;
|
|
7361
|
}
|
|
7362
|
.skin-1 .navbar-minimalize {
|
|
7363
|
background: #0e9aef;
|
|
7364
|
border-color: #0e9aef;
|
|
7365
|
}
|
|
7366
|
body.skin-1 {
|
|
7367
|
background: #3e495f;
|
|
7368
|
}
|
|
7369
|
.skin-1 .navbar-static-top {
|
|
7370
|
background: #ffffff;
|
|
7371
|
}
|
|
7372
|
.skin-1 .dashboard-header {
|
|
7373
|
background: transparent;
|
|
7374
|
border-bottom: none !important;
|
|
7375
|
border-top: none;
|
|
7376
|
padding: 20px 30px 10px 30px;
|
|
7377
|
}
|
|
7378
|
.fixed-nav.skin-1 .navbar-fixed-top {
|
|
7379
|
background: #fff;
|
|
7380
|
}
|
|
7381
|
.skin-1 .wrapper-content {
|
|
7382
|
padding: 30px 15px;
|
|
7383
|
}
|
|
7384
|
.skin-1 #page-wrapper {
|
|
7385
|
background: #f4f6fa;
|
|
7386
|
}
|
|
7387
|
.skin-1 .ibox-title,
|
|
7388
|
.skin-1 .ibox-content {
|
|
7389
|
border-width: 1px;
|
|
7390
|
}
|
|
7391
|
.skin-1 .ibox-content:last-child {
|
|
7392
|
border-style: solid solid solid solid;
|
|
7393
|
}
|
|
7394
|
.skin-1 .nav > li.active {
|
|
7395
|
border: none;
|
|
7396
|
}
|
|
7397
|
.skin-1 .nav-header {
|
|
7398
|
padding: 35px 25px 25px 25px;
|
|
7399
|
}
|
|
7400
|
.skin-1 .nav-header a.dropdown-toggle {
|
|
7401
|
color: #fff;
|
|
7402
|
margin-top: 10px;
|
|
7403
|
}
|
|
7404
|
.skin-1 .nav-header a.dropdown-toggle .text-muted {
|
|
7405
|
color: #fff;
|
|
7406
|
opacity: 0.8;
|
|
7407
|
}
|
|
7408
|
.skin-1 .profile-element {
|
|
7409
|
text-align: center;
|
|
7410
|
}
|
|
7411
|
.skin-1 .img-circle {
|
|
7412
|
border-radius: 5px;
|
|
7413
|
}
|
|
7414
|
.skin-1 .navbar-default .nav > li > a:hover,
|
|
7415
|
.skin-1 .navbar-default .nav > li > a:focus {
|
|
7416
|
background: #3a4459;
|
|
7417
|
color: #fff;
|
|
7418
|
}
|
|
7419
|
.skin-1 .nav.nav-tabs > li.active > a {
|
|
7420
|
color: #555;
|
|
7421
|
}
|
|
7422
|
.skin-1 .nav.nav-tabs > li.active {
|
|
7423
|
background: transparent;
|
|
7424
|
}
|
|
7425
|
/*
|
|
7426
|
*
|
|
7427
|
* SKIN 2 - INSPINIA - Responsive Admin Theme
|
|
7428
|
* NAME - Inspinia Ultra
|
|
7429
|
*
|
|
7430
|
*/
|
|
7431
|
body.skin-2 {
|
|
7432
|
color: #565758 !important;
|
|
7433
|
}
|
|
7434
|
.skin-2 .minimalize-styl-2 {
|
|
7435
|
margin: 14px 5px 5px 25px;
|
|
7436
|
}
|
|
7437
|
.skin-2 .navbar-top-links li:last-child {
|
|
7438
|
margin-right: 25px;
|
|
7439
|
}
|
|
7440
|
.skin-2 .spin-icon {
|
|
7441
|
background: #23c6c8 !important;
|
|
7442
|
}
|
|
7443
|
.skin-2 .nav-header {
|
|
7444
|
background: #23c6c8;
|
|
7445
|
background: url('patterns/header-profile-skin-2.png');
|
|
7446
|
}
|
|
7447
|
.skin-2.mini-navbar .nav-second-level {
|
|
7448
|
background: #ededed;
|
|
7449
|
}
|
|
7450
|
.skin-2 .breadcrumb {
|
|
7451
|
background: transparent;
|
|
7452
|
}
|
|
7453
|
.skin-2.fixed-nav .minimalize-styl-2 {
|
|
7454
|
margin: 14px 5px 5px 15px;
|
|
7455
|
}
|
|
7456
|
.skin-2 .page-heading {
|
|
7457
|
border: none;
|
|
7458
|
background: rgba(255, 255, 255, 0.7);
|
|
7459
|
}
|
|
7460
|
.skin-2 .nav > li.active {
|
|
7461
|
background: #e0e0e0;
|
|
7462
|
}
|
|
7463
|
.skin-2 .logo-element {
|
|
7464
|
padding: 17px 0;
|
|
7465
|
}
|
|
7466
|
.skin-2 .nav > li > a,
|
|
7467
|
.skin-2 .welcome-message {
|
|
7468
|
color: #edf6ff;
|
|
7469
|
}
|
|
7470
|
.skin-2 #top-search::-moz-placeholder {
|
|
7471
|
color: #edf6ff;
|
|
7472
|
opacity: 0.5;
|
|
7473
|
}
|
|
7474
|
.skin-2 #side-menu > li > a,
|
|
7475
|
.skin-2 .nav.nav-second-level > li > a {
|
|
7476
|
color: #586b7d;
|
|
7477
|
}
|
|
7478
|
.skin-2 .nav > li.active > a {
|
|
7479
|
color: #213a53;
|
|
7480
|
}
|
|
7481
|
.skin-2.mini-navbar .nav-header {
|
|
7482
|
background: #213a53;
|
|
7483
|
}
|
|
7484
|
.skin-2 .navbar-minimalize {
|
|
7485
|
background: #23c6c8;
|
|
7486
|
border-color: #23c6c8;
|
|
7487
|
}
|
|
7488
|
.skin-2 .border-bottom {
|
|
7489
|
border-bottom: none !important;
|
|
7490
|
}
|
|
7491
|
.skin-2 #top-search {
|
|
7492
|
color: #fff;
|
|
7493
|
}
|
|
7494
|
body.skin-2 #wrapper {
|
|
7495
|
background-color: #ededed;
|
|
7496
|
}
|
|
7497
|
.skin-2 .navbar-static-top {
|
|
7498
|
background: #213a53;
|
|
7499
|
}
|
|
7500
|
.fixed-nav.skin-2 .navbar-fixed-top {
|
|
7501
|
background: #213a53;
|
|
7502
|
border-bottom: none !important;
|
|
7503
|
}
|
|
7504
|
.skin-2 .nav-header {
|
|
7505
|
padding: 30px 25px 30px 25px;
|
|
7506
|
}
|
|
7507
|
.skin-2 .dashboard-header {
|
|
7508
|
background: rgba(255, 255, 255, 0.4);
|
|
7509
|
border-bottom: none !important;
|
|
7510
|
border-top: none;
|
|
7511
|
padding: 20px 30px 20px 30px;
|
|
7512
|
}
|
|
7513
|
.skin-2 .wrapper-content {
|
|
7514
|
padding: 30px 15px;
|
|
7515
|
}
|
|
7516
|
.skin-2 .dashoard-1 .wrapper-content {
|
|
7517
|
padding: 0px 30px 25px 30px;
|
|
7518
|
}
|
|
7519
|
.skin-2 .ibox-title {
|
|
7520
|
background: rgba(255, 255, 255, 0.7);
|
|
7521
|
border: none;
|
|
7522
|
margin-bottom: 1px;
|
|
7523
|
}
|
|
7524
|
.skin-2 .ibox-content {
|
|
7525
|
background: rgba(255, 255, 255, 0.4);
|
|
7526
|
border: none !important;
|
|
7527
|
}
|
|
7528
|
.skin-2 #page-wrapper {
|
|
7529
|
background: #f6f6f6;
|
|
7530
|
background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
|
|
7531
|
background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
|
|
7532
|
background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
|
|
7533
|
background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);
|
|
7534
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";
|
|
7535
|
}
|
|
7536
|
.skin-2 .ibox-title,
|
|
7537
|
.skin-2 .ibox-content {
|
|
7538
|
border-width: 1px;
|
|
7539
|
}
|
|
7540
|
.skin-2 .ibox-content:last-child {
|
|
7541
|
border-style: solid solid solid solid;
|
|
7542
|
}
|
|
7543
|
.skin-2 .nav > li.active {
|
|
7544
|
border: none;
|
|
7545
|
}
|
|
7546
|
.skin-2 .nav-header a.dropdown-toggle {
|
|
7547
|
color: #edf6ff;
|
|
7548
|
margin-top: 10px;
|
|
7549
|
}
|
|
7550
|
.skin-2 .nav-header a.dropdown-toggle .text-muted {
|
|
7551
|
color: #edf6ff;
|
|
7552
|
opacity: 0.8;
|
|
7553
|
}
|
|
7554
|
.skin-2 .img-circle {
|
|
7555
|
border-radius: 10px;
|
|
7556
|
}
|
|
7557
|
.skin-2 .nav.navbar-top-links > li > a:hover,
|
|
7558
|
.skin-2 .nav.navbar-top-links > li > a:focus {
|
|
7559
|
background: #1a2d41;
|
|
7560
|
}
|
|
7561
|
.skin-2 .navbar-default .nav > li > a:hover,
|
|
7562
|
.skin-2 .navbar-default .nav > li > a:focus {
|
|
7563
|
background: #e0e0e0;
|
|
7564
|
color: #213a53;
|
|
7565
|
}
|
|
7566
|
.skin-2 .nav.nav-tabs > li.active > a {
|
|
7567
|
color: #555;
|
|
7568
|
}
|
|
7569
|
.skin-2 .nav.nav-tabs > li.active {
|
|
7570
|
background: transparent;
|
|
7571
|
}
|
|
7572
|
/*
|
|
7573
|
*
|
|
7574
|
* SKIN 3 - INSPINIA - Responsive Admin Theme
|
|
7575
|
* NAME - Yellow/purple
|
|
7576
|
*
|
|
7577
|
*/
|
|
7578
|
.skin-3 .minimalize-styl-2 {
|
|
7579
|
margin: 14px 5px 5px 30px;
|
|
7580
|
}
|
|
7581
|
.skin-3 .navbar-top-links li:last-child {
|
|
7582
|
margin-right: 30px;
|
|
7583
|
}
|
|
7584
|
.skin-3.fixed-nav .minimalize-styl-2 {
|
|
7585
|
margin: 14px 5px 5px 15px;
|
|
7586
|
}
|
|
7587
|
.skin-3 .spin-icon {
|
|
7588
|
background: #ecba52 !important;
|
|
7589
|
}
|
|
7590
|
body.boxed-layout.skin-3 #wrapper {
|
|
7591
|
background: #3e2c42;
|
|
7592
|
}
|
|
7593
|
.skin-3 .nav-header {
|
|
7594
|
background: #ecba52;
|
|
7595
|
background: url('patterns/header-profile-skin-3.png');
|
|
7596
|
}
|
|
7597
|
.skin-3.mini-navbar .nav-second-level {
|
|
7598
|
background: #3e2c42;
|
|
7599
|
}
|
|
7600
|
.skin-3 .breadcrumb {
|
|
7601
|
background: transparent;
|
|
7602
|
}
|
|
7603
|
.skin-3 .page-heading {
|
|
7604
|
border: none;
|
|
7605
|
}
|
|
7606
|
.skin-3 .nav > li.active {
|
|
7607
|
background: #38283c;
|
|
7608
|
}
|
|
7609
|
.fixed-nav.skin-3 .navbar-fixed-top {
|
|
7610
|
background: #fff;
|
|
7611
|
}
|
|
7612
|
.skin-3 .nav > li > a {
|
|
7613
|
color: #948b96;
|
|
7614
|
}
|
|
7615
|
.skin-3 .nav > li.active > a {
|
|
7616
|
color: #fff;
|
|
7617
|
}
|
|
7618
|
.skin-3 .navbar-minimalize {
|
|
7619
|
background: #ecba52;
|
|
7620
|
border-color: #ecba52;
|
|
7621
|
}
|
|
7622
|
body.skin-3 {
|
|
7623
|
background: #3e2c42;
|
|
7624
|
}
|
|
7625
|
.skin-3 .navbar-static-top {
|
|
7626
|
background: #ffffff;
|
|
7627
|
}
|
|
7628
|
.skin-3 .dashboard-header {
|
|
7629
|
background: transparent;
|
|
7630
|
border-bottom: none !important;
|
|
7631
|
border-top: none;
|
|
7632
|
padding: 20px 30px 10px 30px;
|
|
7633
|
}
|
|
7634
|
.skin-3 .wrapper-content {
|
|
7635
|
padding: 30px 15px;
|
|
7636
|
}
|
|
7637
|
.skin-3 #page-wrapper {
|
|
7638
|
background: #f4f6fa;
|
|
7639
|
}
|
|
7640
|
.skin-3 .ibox-title,
|
|
7641
|
.skin-3 .ibox-content {
|
|
7642
|
border-width: 1px;
|
|
7643
|
}
|
|
7644
|
.skin-3 .ibox-content:last-child {
|
|
7645
|
border-style: solid solid solid solid;
|
|
7646
|
}
|
|
7647
|
.skin-3 .nav > li.active {
|
|
7648
|
border: none;
|
|
7649
|
}
|
|
7650
|
.skin-3 .nav-header {
|
|
7651
|
padding: 35px 25px 25px 25px;
|
|
7652
|
}
|
|
7653
|
.skin-3 .nav-header a.dropdown-toggle {
|
|
7654
|
color: #fff;
|
|
7655
|
margin-top: 10px;
|
|
7656
|
}
|
|
7657
|
.skin-3 .nav-header a.dropdown-toggle .text-muted {
|
|
7658
|
color: #fff;
|
|
7659
|
opacity: 0.8;
|
|
7660
|
}
|
|
7661
|
.skin-3 .profile-element {
|
|
7662
|
text-align: center;
|
|
7663
|
}
|
|
7664
|
.skin-3 .img-circle {
|
|
7665
|
border-radius: 5px;
|
|
7666
|
}
|
|
7667
|
.skin-3 .navbar-default .nav > li > a:hover,
|
|
7668
|
.skin-3 .navbar-default .nav > li > a:focus {
|
|
7669
|
background: #38283c;
|
|
7670
|
color: #fff;
|
|
7671
|
}
|
|
7672
|
.skin-3 .nav.nav-tabs > li.active > a {
|
|
7673
|
color: #555;
|
|
7674
|
}
|
|
7675
|
.skin-3 .nav.nav-tabs > li.active {
|
|
7676
|
background: transparent;
|
|
7677
|
}
|
|
7678
|
body.md-skin {
|
|
7679
|
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
7680
|
background-color: #ffffff;
|
|
7681
|
}
|
|
7682
|
.md-skin .nav-header {
|
|
7683
|
background: url("patterns/4.png") no-repeat;
|
|
7684
|
}
|
|
7685
|
.md-skin .label,
|
|
7686
|
.md-skin .badge {
|
|
7687
|
font-family: 'Roboto';
|
|
7688
|
}
|
|
7689
|
.md-skin .font-bold {
|
|
7690
|
font-weight: 500;
|
|
7691
|
}
|
|
7692
|
.md-skin .wrapper-content {
|
|
7693
|
padding: 30px 20px 40px;
|
|
7694
|
}
|
|
7695
|
@media (max-width: 768px) {
|
|
7696
|
.md-skin .wrapper-content {
|
|
7697
|
padding: 30px 0 40px;
|
|
7698
|
}
|
|
7699
|
}
|
|
7700
|
.md-skin .page-heading {
|
|
7701
|
border-bottom: none !important;
|
|
7702
|
border-top: 0;
|
|
7703
|
padding: 0 10px 20px 10px;
|
|
7704
|
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0px 6px 0px rgba(0, 0, 0, 0.14);
|
|
7705
|
}
|
|
7706
|
.md-skin .full-height-layout .page-heading {
|
|
7707
|
border-bottom: 1px solid #e7eaec !important;
|
|
7708
|
}
|
|
7709
|
.md-skin .ibox {
|
|
7710
|
clear: both;
|
|
7711
|
margin-bottom: 25px;
|
|
7712
|
margin-top: 0;
|
|
7713
|
padding: 0;
|
|
7714
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7715
|
}
|
|
7716
|
.md-skin .ibox.border-bottom {
|
|
7717
|
border-bottom: none !important;
|
|
7718
|
}
|
|
7719
|
.md-skin .ibox-title,
|
|
7720
|
.md-skin .ibox-content {
|
|
7721
|
border-style: none;
|
|
7722
|
}
|
|
7723
|
.md-skin .ibox-title h5 {
|
|
7724
|
font-size: 16px;
|
|
7725
|
font-weight: 400;
|
|
7726
|
}
|
|
7727
|
.md-skin a.close-canvas-menu {
|
|
7728
|
color: #ffffff;
|
|
7729
|
}
|
|
7730
|
.md-skin .welcome-message {
|
|
7731
|
color: #ffffff;
|
|
7732
|
font-weight: 300;
|
|
7733
|
}
|
|
7734
|
.md-skin #top-search::-moz-placeholder {
|
|
7735
|
color: #ffffff;
|
|
7736
|
}
|
|
7737
|
.md-skin #top-search::-webkit-input-placeholder {
|
|
7738
|
color: #ffffff;
|
|
7739
|
}
|
|
7740
|
.md-skin #nestable-output,
|
|
7741
|
.md-skin #nestable2-output {
|
|
7742
|
font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
|
|
7743
|
}
|
|
7744
|
.md-skin .landing-page {
|
|
7745
|
font-family: 'Roboto', helvetica, arial, sans-serif;
|
|
7746
|
}
|
|
7747
|
.md-skin .landing-page.navbar-default.navbar-scroll {
|
|
7748
|
background-color: #fff !important;
|
|
7749
|
}
|
|
7750
|
.md-skin .landing-page.navbar-default {
|
|
7751
|
background-color: transparent !important;
|
|
7752
|
box-shadow: none;
|
|
7753
|
}
|
|
7754
|
.md-skin .landing-page.navbar-default .nav li a {
|
|
7755
|
font-family: 'Roboto', helvetica, arial, sans-serif;
|
|
7756
|
}
|
|
7757
|
.md-skin .nav > li > a {
|
|
7758
|
color: #676a6c;
|
|
7759
|
padding: 14px 20px 14px 25px;
|
|
7760
|
}
|
|
7761
|
.md-skin .nav.navbar-right > li > a {
|
|
7762
|
color: #ffffff;
|
|
7763
|
}
|
|
7764
|
.md-skin .nav > li.active > a {
|
|
7765
|
color: #5b5d5f;
|
|
7766
|
font-weight: 700;
|
|
7767
|
}
|
|
7768
|
.md-skin .navbar-default .nav > li > a:hover,
|
|
7769
|
.md-skin .navbar-default .nav > li > a:focus {
|
|
7770
|
font-weight: 700;
|
|
7771
|
color: #5b5d5f;
|
|
7772
|
}
|
|
7773
|
.md-skin .nav .open > a,
|
|
7774
|
.md-skin .nav .open > a:hover,
|
|
7775
|
.md-skin .nav .open > a:focus {
|
|
7776
|
background: #6098eb;
|
|
7777
|
}
|
|
7778
|
.md-skin .navbar-top-links li {
|
|
7779
|
display: inline-table;
|
|
7780
|
}
|
|
7781
|
.md-skin .navbar-top-links .dropdown-menu li {
|
|
7782
|
display: block;
|
|
7783
|
}
|
|
7784
|
.md-skin .pace-done .nav-header {
|
|
7785
|
transition: all 0.4s;
|
|
7786
|
}
|
|
7787
|
.md-skin .nav > li.active {
|
|
7788
|
background: #f8f8f9;
|
|
7789
|
}
|
|
7790
|
.md-skin .nav-second-level li a {
|
|
7791
|
padding: 7px 10px 7px 52px;
|
|
7792
|
}
|
|
7793
|
.md-skin .navbar-top-links li a {
|
|
7794
|
padding: 20px 10px;
|
|
7795
|
min-height: 50px;
|
|
7796
|
}
|
|
7797
|
.md-skin .nav > li > a {
|
|
7798
|
font-weight: 400;
|
|
7799
|
}
|
|
7800
|
.md-skin .navbar-static-side .nav > li > a:focus,
|
|
7801
|
.md-skin .navbar-static-side .nav > li > a:hover {
|
|
7802
|
background-color: inherit;
|
|
7803
|
}
|
|
7804
|
.md-skin .navbar-top-links .dropdown-menu li a {
|
|
7805
|
padding: 3px 20px;
|
|
7806
|
min-height: inherit;
|
|
7807
|
}
|
|
7808
|
.md-skin .nav-header a {
|
|
7809
|
color: #ffffff;
|
|
7810
|
}
|
|
7811
|
.md-skin .nav-header .text-muted {
|
|
7812
|
color: #ffffff;
|
|
7813
|
}
|
|
7814
|
.md-skin .navbar-form-custom .form-control {
|
|
7815
|
font-weight: 300;
|
|
7816
|
}
|
|
7817
|
.md-skin .mini-navbar .nav-second-level {
|
|
7818
|
background-color: inherit;
|
|
7819
|
}
|
|
7820
|
.md-skin .mini-navbar li.active .nav-second-level {
|
|
7821
|
left: 65px;
|
|
7822
|
}
|
|
7823
|
.md-skin .canvas-menu.mini-navbar .nav-second-level {
|
|
7824
|
background: inherit;
|
|
7825
|
}
|
|
7826
|
.md-skin .pace-done .navbar-static-side,
|
|
7827
|
.md-skin .pace-done .nav-header,
|
|
7828
|
.md-skin .pace-done li.active,
|
|
7829
|
.md-skin .pace-done #page-wrapper,
|
|
7830
|
.md-skin .pace-done .footer {
|
|
7831
|
-webkit-transition: all 0.4s;
|
|
7832
|
-moz-transition: all 0.4s;
|
|
7833
|
-o-transition: all 0.4s;
|
|
7834
|
transition: all 0.4s;
|
|
7835
|
}
|
|
7836
|
.md-skin .navbar-fixed-top {
|
|
7837
|
background: #fff;
|
|
7838
|
transition-duration: 0.4s;
|
|
7839
|
z-index: 2030;
|
|
7840
|
border-bottom: none !important;
|
|
7841
|
}
|
|
7842
|
.md-skin .navbar-fixed-top,
|
|
7843
|
.md-skin .navbar-static-top {
|
|
7844
|
background-color: #6098eb !important;
|
|
7845
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7846
|
}
|
|
7847
|
.md-skin .navbar-static-side {
|
|
7848
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7849
|
}
|
|
7850
|
.md-skin #right-sidebar {
|
|
7851
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7852
|
border: none;
|
|
7853
|
z-index: 900;
|
|
7854
|
}
|
|
7855
|
.md-skin .white-bg .navbar-fixed-top,
|
|
7856
|
.md-skin .white-bg .navbar-static-top {
|
|
7857
|
background: #fff !important;
|
|
7858
|
}
|
|
7859
|
.md-skin .contact-box {
|
|
7860
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7861
|
border: none;
|
|
7862
|
}
|
|
7863
|
.md-skin .dashboard-header {
|
|
7864
|
border-bottom: none !important;
|
|
7865
|
border-top: 0;
|
|
7866
|
padding: 20px 20px 20px 20px;
|
|
7867
|
margin: 30px 20px 0 20px;
|
|
7868
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7869
|
}
|
|
7870
|
@media (max-width: 768px) {
|
|
7871
|
.md-skin .dashboard-header {
|
|
7872
|
margin: 20px 0 0 0;
|
|
7873
|
}
|
|
7874
|
}
|
|
7875
|
.md-skin ul.notes li div {
|
|
7876
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7877
|
}
|
|
7878
|
.md-skin .file {
|
|
7879
|
border: none;
|
|
7880
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7881
|
}
|
|
7882
|
.md-skin .mail-box {
|
|
7883
|
background-color: #ffffff;
|
|
7884
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7885
|
padding: 0;
|
|
7886
|
margin-bottom: 20px;
|
|
7887
|
border: none;
|
|
7888
|
}
|
|
7889
|
.md-skin .mail-box-header {
|
|
7890
|
border: none;
|
|
7891
|
background-color: #ffffff;
|
|
7892
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7893
|
padding: 30px 20px 20px 20px;
|
|
7894
|
}
|
|
7895
|
.md-skin .mailbox-content {
|
|
7896
|
border: none;
|
|
7897
|
padding: 20px;
|
|
7898
|
background: #ffffff;
|
|
7899
|
}
|
|
7900
|
.md-skin .social-feed-box {
|
|
7901
|
border: none;
|
|
7902
|
background: #fff;
|
|
7903
|
margin-bottom: 15px;
|
|
7904
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7905
|
}
|
|
7906
|
.md-skin.landing-page .navbar-default {
|
|
7907
|
background-color: transparent !important;
|
|
7908
|
border-color: transparent;
|
|
7909
|
transition: all 0.3s ease-in-out 0s;
|
|
7910
|
box-shadow: none;
|
|
7911
|
}
|
|
7912
|
.md-skin.landing-page .navbar-default.navbar-scroll,
|
|
7913
|
.md-skin.landing-page.body-small .navbar-default {
|
|
7914
|
background-color: #ffffff !important;
|
|
7915
|
}
|
|
7916
|
.md-skin.landing-page .nav > li.active {
|
|
7917
|
background: inherit;
|
|
7918
|
}
|
|
7919
|
.md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
|
|
7920
|
padding: 20px 10px;
|
|
7921
|
}
|
|
7922
|
.md-skin.landing-page .navbar-default .nav li a {
|
|
7923
|
font-family: 'Roboto', helvetica, arial, sans-serif;
|
|
7924
|
}
|
|
7925
|
.md-skin.landing-page .nav > li > a {
|
|
7926
|
padding: 25px 10px 15px 10px;
|
|
7927
|
}
|
|
7928
|
.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
|
|
7929
|
.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
|
|
7930
|
background: inherit;
|
|
7931
|
color: #6098eb;
|
|
7932
|
}
|
|
7933
|
.md-skin.landing-page.body-small .nav.navbar-right > li > a {
|
|
7934
|
color: #676a6c;
|
|
7935
|
}
|
|
7936
|
.md-skin .landing_link a,
|
|
7937
|
.md-skin .special_link a {
|
|
7938
|
color: #ffffff !important;
|
|
7939
|
}
|
|
7940
|
.md-skin.canvas-menu.mini-navbar .nav-second-level {
|
|
7941
|
background: #f8f8f9;
|
|
7942
|
}
|
|
7943
|
.md-skin.mini-navbar .nav-second-level {
|
|
7944
|
background-color: #ffffff;
|
|
7945
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
7946
|
}
|
|
7947
|
.md-skin.mini-navbar .nav-second-level li a {
|
|
7948
|
padding-left: 0px;
|
|
7949
|
}
|
|
7950
|
.md-skin.top-navigation .nav.navbar-right > li > a {
|
|
7951
|
padding: 15px 20px;
|
|
7952
|
color: #676a6c;
|
|
7953
|
}
|
|
7954
|
.md-skin.top-navigation .nav > li a:hover,
|
|
7955
|
.md-skin .top-navigation .nav > li a:focus,
|
|
7956
|
.md-skin.top-navigation .nav .open > a,
|
|
7957
|
.md-skin.top-navigation .nav .open > a:hover,
|
|
7958
|
.md-skin.top-navigation .nav .open > a:focus {
|
|
7959
|
color: #6098eb;
|
|
7960
|
background: #ffffff;
|
|
7961
|
}
|
|
7962
|
.md-skin.top-navigation .nav > li.active a {
|
|
7963
|
color: #6098eb;
|
|
7964
|
background: #ffffff;
|
|
7965
|
}
|
|
7966
|
.md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
|
|
7967
|
margin-top: 0;
|
|
7968
|
}
|
|
7969
|
.md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
|
|
7970
|
width: 0;
|
|
7971
|
}
|
|
7972
|
.md-skin.fixed-sidebar.mini-navbar #page-wrapper {
|
|
7973
|
margin: 0 0 0 0;
|
|
7974
|
}
|
|
7975
|
.md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
|
|
7976
|
margin: 0 0 0 0;
|
|
7977
|
}
|
|
7978
|
.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
|
|
7979
|
width: 220px;
|
|
7980
|
background-color: #ffffff;
|
|
7981
|
}
|
|
7982
|
.md-skin.canvas-menu nav.navbar-static-side {
|
|
7983
|
z-index: 2001;
|
|
7984
|
background: #ffffff;
|
|
7985
|
height: 100%;
|
|
7986
|
position: fixed;
|
|
7987
|
display: none;
|
|
7988
|
}
|
|
7989
|
@media (min-width: 768px) {
|
|
7990
|
#page-wrapper {
|
|
7991
|
position: inherit;
|
|
7992
|
margin: 0 0 0 220px;
|
|
7993
|
min-height: 1200px;
|
|
7994
|
}
|
|
7995
|
.navbar-static-side {
|
|
7996
|
z-index: 2001;
|
|
7997
|
position: absolute;
|
|
7998
|
width: 220px;
|
|
7999
|
}
|
|
8000
|
.navbar-top-links .dropdown-messages,
|
|
8001
|
.navbar-top-links .dropdown-tasks,
|
|
8002
|
.navbar-top-links .dropdown-alerts {
|
|
8003
|
margin-left: auto;
|
|
8004
|
}
|
|
8005
|
}
|
|
8006
|
@media (max-width: 768px) {
|
|
8007
|
#page-wrapper {
|
|
8008
|
position: inherit;
|
|
8009
|
margin: 0 0 0 0px;
|
|
8010
|
min-height: 1000px;
|
|
8011
|
}
|
|
8012
|
.body-small .navbar-static-side {
|
|
8013
|
display: none;
|
|
8014
|
z-index: 2001;
|
|
8015
|
position: absolute;
|
|
8016
|
width: 70px;
|
|
8017
|
}
|
|
8018
|
.body-small.mini-navbar .navbar-static-side {
|
|
8019
|
display: block;
|
|
8020
|
}
|
|
8021
|
.lock-word {
|
|
8022
|
display: none;
|
|
8023
|
}
|
|
8024
|
.navbar-form-custom {
|
|
8025
|
display: none;
|
|
8026
|
}
|
|
8027
|
.navbar-header {
|
|
8028
|
display: inline;
|
|
8029
|
float: left;
|
|
8030
|
}
|
|
8031
|
.sidebard-panel {
|
|
8032
|
z-index: 2;
|
|
8033
|
position: relative;
|
|
8034
|
width: auto;
|
|
8035
|
min-height: 100% !important;
|
|
8036
|
}
|
|
8037
|
.sidebar-content .wrapper {
|
|
8038
|
padding-right: 0px;
|
|
8039
|
z-index: 1;
|
|
8040
|
}
|
|
8041
|
.fixed-sidebar.body-small .navbar-static-side {
|
|
8042
|
display: none;
|
|
8043
|
z-index: 2001;
|
|
8044
|
position: fixed;
|
|
8045
|
width: 220px;
|
|
8046
|
}
|
|
8047
|
.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
|
|
8048
|
display: block;
|
|
8049
|
}
|
|
8050
|
.ibox-tools {
|
|
8051
|
float: none;
|
|
8052
|
text-align: right;
|
|
8053
|
display: block;
|
|
8054
|
}
|
|
8055
|
}
|
|
8056
|
@media (max-width: 350px) {
|
|
8057
|
.timeline-item .date {
|
|
8058
|
text-align: left;
|
|
8059
|
width: 110px;
|
|
8060
|
position: relative;
|
|
8061
|
padding-top: 30px;
|
|
8062
|
}
|
|
8063
|
.timeline-item .date i {
|
|
8064
|
position: absolute;
|
|
8065
|
top: 0;
|
|
8066
|
left: 15px;
|
|
8067
|
padding: 5px;
|
|
8068
|
width: 30px;
|
|
8069
|
text-align: center;
|
|
8070
|
border: 1px solid #e7eaec;
|
|
8071
|
background: #f8f8f8;
|
|
8072
|
}
|
|
8073
|
.timeline-item .content {
|
|
8074
|
border-left: none;
|
|
8075
|
border-top: 1px solid #e7eaec;
|
|
8076
|
padding-top: 10px;
|
|
8077
|
min-height: 100px;
|
|
8078
|
}
|
|
8079
|
.nav.navbar-top-links li.dropdown {
|
|
8080
|
display: none;
|
|
8081
|
}
|
|
8082
|
.ibox-tools {
|
|
8083
|
float: none;
|
|
8084
|
text-align: left;
|
|
8085
|
display: inline-block;
|
|
8086
|
}
|
|
8087
|
}
|
|
8088
|
/* Only demo */
|
|
8089
|
@media (max-width: 1000px) {
|
|
8090
|
.welcome-message {
|
|
8091
|
display: none;
|
|
8092
|
}
|
|
8093
|
}
|