wbase 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (117) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +219 -2
  3. data/app/assets/javascripts/wbase/auth/bootstrap.min.js +7 -0
  4. data/app/assets/javascripts/wbase/auth/detect.js +7 -0
  5. data/app/assets/javascripts/wbase/auth/fastclick.js +841 -0
  6. data/app/assets/javascripts/wbase/auth/jquery.app.js +318 -0
  7. data/app/assets/javascripts/wbase/auth/jquery.blockUI.js +620 -0
  8. data/app/assets/javascripts/wbase/auth/jquery.core.js +323 -0
  9. data/app/assets/javascripts/wbase/auth/jquery.min.js +5 -0
  10. data/app/assets/javascripts/wbase/auth/jquery.nicescroll.js +113 -0
  11. data/app/assets/javascripts/wbase/auth/jquery.scrollTo.min.js +7 -0
  12. data/app/assets/javascripts/wbase/auth/jquery.slimscroll.js +474 -0
  13. data/app/assets/javascripts/wbase/auth/modernizr.min.js +1 -0
  14. data/app/assets/javascripts/wbase/auth/pace.min.js +2 -0
  15. data/app/assets/javascripts/wbase/auth/waves.js +498 -0
  16. data/app/assets/javascripts/wbase/auth/wow.min.js +2 -0
  17. data/app/assets/javascripts/wbase/auth.js +12 -0
  18. data/app/assets/stylesheets/wbase/auth/components.css +2362 -0
  19. data/app/assets/stylesheets/wbase/auth/core.css +2190 -0
  20. data/app/assets/stylesheets/wbase/auth/icons.css +12067 -0
  21. data/app/assets/stylesheets/wbase/auth/pages.css +2039 -0
  22. data/app/assets/stylesheets/wbase/auth/responsive.css +162 -0
  23. data/app/assets/stylesheets/wbase/auth/typicons.css +1370 -0
  24. data/app/assets/stylesheets/wbase/auth/variables.css +0 -0
  25. data/app/assets/stylesheets/wbase/auth.scss +9 -0
  26. data/app/controllers/wbase/application_controller.rb +13 -0
  27. data/app/controllers/wbase/mail_events_controller.rb +21 -0
  28. data/app/controllers/wbase/password_resets_controller.rb +43 -0
  29. data/app/controllers/wbase/sessions_controller.rb +35 -0
  30. data/app/controllers/wbase/static_pages_controller.rb +4 -0
  31. data/app/controllers/wbase/stripe_webhooks_controller.rb +54 -0
  32. data/app/controllers/wbase/subscriptions_controller.rb +50 -0
  33. data/app/controllers/wbase/users_controller.rb +65 -0
  34. data/app/helpers/wbase/auth_helper.rb +44 -0
  35. data/app/jobs/wbase/activate_drip_subscriber_job.rb +15 -0
  36. data/app/jobs/wbase/create_drip_subscriber_job.rb +13 -0
  37. data/app/jobs/wbase/dripable.rb +22 -0
  38. data/app/mailers/application_mailer.rb +4 -0
  39. data/app/mailers/wbase/admin_mailer.rb +35 -0
  40. data/app/mailers/wbase/password_reset_mailer.rb +20 -0
  41. data/app/models/wbase/mail_event.rb +21 -0
  42. data/app/models/wbase/plan.rb +26 -0
  43. data/app/models/wbase/ssl_verification.rb +21 -0
  44. data/app/models/wbase/stripe_webhook.rb +22 -0
  45. data/app/models/wbase/subscription.rb +47 -0
  46. data/app/models/wbase/userable.rb +85 -0
  47. data/app/services/wbase/mail_event_batch.rb +22 -0
  48. data/app/services/wbase/start_subscription.rb +81 -0
  49. data/app/views/layouts/mailer.html.erb +53 -0
  50. data/app/views/layouts/mailer.text.erb +1 -0
  51. data/app/views/layouts/wbase/_common_head.html.erb +46 -0
  52. data/app/views/layouts/wbase/auth.html.erb +23 -0
  53. data/app/views/layouts/wbase/landing.html.erb +9 -56
  54. data/app/views/shared/_errors.html.erb +10 -0
  55. data/app/views/wbase/admin_mailer/new_subscription.html.erb +33 -0
  56. data/app/views/wbase/admin_mailer/new_user.html.erb +7 -0
  57. data/app/views/wbase/password_reset_mailer/reset.html.erb +10 -0
  58. data/app/views/wbase/password_reset_mailer/reset.text.erb +5 -0
  59. data/app/views/wbase/password_resets/edit.html.erb +22 -0
  60. data/app/views/wbase/password_resets/new.html.erb +41 -0
  61. data/app/views/wbase/sessions/new.html.erb +58 -0
  62. data/app/views/wbase/static_pages/landing/_pricing.html.erb +6 -2
  63. data/app/views/wbase/static_pages/start.html.erb +1 -1
  64. data/app/views/wbase/static_pages/welcome.html.erb +1 -1
  65. data/app/views/wbase/subscriptions/edit.html.erb +2 -0
  66. data/app/views/wbase/subscriptions/new.html.erb +91 -0
  67. data/app/views/wbase/subscriptions/show.html.erb +2 -0
  68. data/app/views/wbase/users/_affiliate.html.erb +66 -0
  69. data/app/views/wbase/users/_plan.html.erb +11 -0
  70. data/app/views/wbase/users/_plans.html.erb +11 -0
  71. data/app/views/wbase/users/edit.html.erb +2 -0
  72. data/app/views/wbase/users/new.html.erb +38 -0
  73. data/app/views/wbase/users/show.html.erb +37 -0
  74. data/config/initializers/assets.rb +1 -3
  75. data/config/routes.rb +9 -0
  76. data/db/migrate/20161127212521_create_wbase_subscriptions.rb +17 -0
  77. data/db/migrate/20161127212831_create_wbase_plans.rb +15 -0
  78. data/db/migrate/20161127224117_create_wbase_ssl_verifications.rb +10 -0
  79. data/db/migrate/20161128022640_create_wbase_mail_events.rb +16 -0
  80. data/db/migrate/20161128031211_create_wbase_stripe_webhooks.rb +17 -0
  81. data/lib/wbase/engine.rb +37 -28
  82. data/lib/wbase/version.rb +1 -1
  83. data/test/controllers/wbase/mail_events_controller_test.rb +13 -0
  84. data/test/controllers/wbase/password_resets_controller_test.rb +13 -0
  85. data/test/controllers/wbase/sessions_controller_test.rb +13 -0
  86. data/test/controllers/wbase/stripe_webhooks_controller_test.rb +13 -0
  87. data/test/controllers/wbase/subscriptions_controller_test.rb +13 -0
  88. data/test/controllers/wbase/users_controller_test.rb +13 -0
  89. data/test/dummy/config/database.yml +4 -7
  90. data/test/dummy/db/development.sqlite3 +0 -0
  91. data/test/dummy/db/schema.rb +85 -0
  92. data/test/dummy/log/development.log +225 -0
  93. data/test/fixtures/wbase/mail_events.yml +38 -0
  94. data/test/fixtures/wbase/plans.yml +40 -0
  95. data/test/fixtures/wbase/stripe_webhooks.yml +41 -0
  96. data/test/fixtures/wbase/subscriptions.yml +46 -0
  97. data/test/jobs/wbase/activate_drip_subscriber_job_test.rb +9 -0
  98. data/test/jobs/wbase/create_drip_subscriber_job_job_test.rb +9 -0
  99. data/test/mailers/previews/wbase/admin_mailer_preview.rb +11 -0
  100. data/test/mailers/previews/wbase/password_reset_mailer_preview.rb +11 -0
  101. data/test/mailers/wbase/admin_mailer_test.rb +14 -0
  102. data/test/mailers/wbase/password_reset_mailer_test.rb +14 -0
  103. data/test/models/wbase/mail_event_test.rb +26 -0
  104. data/test/models/wbase/plan_test.rb +30 -0
  105. data/test/models/wbase/ssl_verification_test.rb +20 -0
  106. data/test/models/wbase/stripe_webhook_test.rb +27 -0
  107. data/test/models/wbase/subscription_test.rb +32 -0
  108. metadata +121 -12
  109. data/app/helpers/wbase/application_helper.rb +0 -4
  110. data/app/helpers/wbase/static_pages_helper.rb +0 -4
  111. data/app/views/wbase/static_pages/_map.html.erb +0 -17
  112. data/app/views/wbase/static_pages/_order_stats.html.erb +0 -28
  113. data/app/views/wbase/static_pages/_pricing.html.erb +0 -89
  114. data/app/views/wbase/static_pages/_stats.html.erb +0 -28
  115. data/app/views/wbase/static_pages/_testimonial.html.erb +0 -16
  116. data/app/views/wbase/static_pages/affiliate.html.erb +0 -54
  117. data/app/views/wbase/static_pages/faq.html.erb +0 -63
@@ -0,0 +1,2362 @@
1
+ /*
2
+ Template Name: UBold Dashboard
3
+ Author: CoderThemes
4
+ Email: coderthemes@gmail.com
5
+ File: Components
6
+ */
7
+ /* =============
8
+ == Components List==
9
+
10
+ - Buttons
11
+ - Checkbox and radio
12
+ - Panels
13
+ - Portlets
14
+ - Progressbars
15
+ - Tables
16
+ - Widgets
17
+ - Form elements
18
+
19
+ ============= */
20
+ /* =============
21
+ Buttons
22
+ ============= */
23
+ .btn {
24
+ border-radius: 3px;
25
+ outline: none !important;
26
+ }
27
+ .btn-md {
28
+ padding: 8px 16px;
29
+ }
30
+ .btn-primary,
31
+ .btn-success,
32
+ .btn-default,
33
+ .btn-info,
34
+ .btn-warning,
35
+ .btn-danger,
36
+ .btn-inverse,
37
+ .btn-purple,
38
+ .btn-pink {
39
+ color: #ffffff !important;
40
+ }
41
+ .btn-default,
42
+ .btn-default:hover,
43
+ .btn-default:focus,
44
+ .btn-default:active,
45
+ .btn-default.active,
46
+ .btn-default.focus,
47
+ .btn-default:active,
48
+ .btn-default:focus,
49
+ .btn-default:hover,
50
+ .open > .dropdown-toggle.btn-default {
51
+ background-color: #5fbeaa !important;
52
+ border: 1px solid #5fbeaa !important;
53
+ }
54
+ .btn-white,
55
+ .btn-white:hover,
56
+ .btn-white:focus,
57
+ .btn-white:active,
58
+ .btn-white.active,
59
+ .btn-white.focus,
60
+ .btn-white:active,
61
+ .btn-white:focus,
62
+ .btn-white:hover,
63
+ .open > .dropdown-toggle.btn-white {
64
+ border: 1px solid #eaeaea !important;
65
+ background-color: #ffffff;
66
+ color: #4c5667;
67
+ }
68
+ .btn-white:hover,
69
+ .btn-white:hover:hover,
70
+ .btn-white:focus:hover,
71
+ .btn-white:active:hover,
72
+ .btn-white.active:hover,
73
+ .btn-white.focus:hover,
74
+ .btn-white:active:hover,
75
+ .btn-white:focus:hover,
76
+ .btn-white:hover:hover,
77
+ .open > .dropdown-toggle.btn-white:hover {
78
+ background-color: #f9f9f9;
79
+ }
80
+ .btn-white:focus,
81
+ .btn-white:hover:focus,
82
+ .btn-white:focus:focus,
83
+ .btn-white:active:focus,
84
+ .btn-white.active:focus,
85
+ .btn-white.focus:focus,
86
+ .btn-white:active:focus,
87
+ .btn-white:focus:focus,
88
+ .btn-white:hover:focus,
89
+ .open > .dropdown-toggle.btn-white:focus {
90
+ background-color: #f9f9f9;
91
+ }
92
+ .btn-white:active,
93
+ .btn-white:hover:active,
94
+ .btn-white:focus:active,
95
+ .btn-white:active:active,
96
+ .btn-white.active:active,
97
+ .btn-white.focus:active,
98
+ .btn-white:active:active,
99
+ .btn-white:focus:active,
100
+ .btn-white:hover:active,
101
+ .open > .dropdown-toggle.btn-white:active {
102
+ background-color: #f9f9f9;
103
+ }
104
+ .btn-primary,
105
+ .btn-primary:hover,
106
+ .btn-primary:focus,
107
+ .btn-primary:active,
108
+ .btn-primary.active,
109
+ .btn-primary.focus,
110
+ .btn-primary:active,
111
+ .btn-primary:focus,
112
+ .btn-primary:hover,
113
+ .open > .dropdown-toggle.btn-primary {
114
+ background-color: #5d9cec !important;
115
+ border: 1px solid #5d9cec !important;
116
+ }
117
+ .btn-success,
118
+ .btn-success:hover,
119
+ .btn-success:focus,
120
+ .btn-success:active,
121
+ .btn-success.active,
122
+ .btn-success.focus,
123
+ .btn-success:active,
124
+ .btn-success:focus,
125
+ .btn-success:hover,
126
+ .open > .dropdown-toggle.btn-success {
127
+ background-color: #81c868 !important;
128
+ border: 1px solid #81c868 !important;
129
+ }
130
+ .btn-info,
131
+ .btn-info:hover,
132
+ .btn-info:focus,
133
+ .btn-info:active,
134
+ .btn-info.active,
135
+ .btn-info.focus,
136
+ .btn-info:active,
137
+ .btn-info:focus,
138
+ .btn-info:hover,
139
+ .open > .dropdown-toggle.btn-info {
140
+ background-color: #34d3eb !important;
141
+ border: 1px solid #34d3eb !important;
142
+ }
143
+ .btn-warning,
144
+ .btn-warning:hover,
145
+ .btn-warning:focus,
146
+ .btn-warning:active,
147
+ .btn-warning.active,
148
+ .btn-warning.focus,
149
+ .btn-warning:active,
150
+ .btn-warning:focus,
151
+ .btn-warning:hover,
152
+ .open > .dropdown-toggle.btn-warning {
153
+ background-color: #ffbd4a !important;
154
+ border: 1px solid #ffbd4a !important;
155
+ }
156
+ .btn-danger,
157
+ .btn-danger:active,
158
+ .btn-danger:focus,
159
+ .btn-danger:hover,
160
+ .btn-danger.active,
161
+ .btn-danger.focus,
162
+ .btn-danger:active,
163
+ .btn-danger:focus,
164
+ .btn-danger:hover,
165
+ .open > .dropdown-toggle.btn-danger {
166
+ background-color: #f05050 !important;
167
+ border: 1px solid #f05050 !important;
168
+ }
169
+ .btn-inverse,
170
+ .btn-inverse:hover,
171
+ .btn-inverse:focus,
172
+ .btn-inverse:active,
173
+ .btn-inverse.active,
174
+ .btn-inverse.focus,
175
+ .btn-inverse:active,
176
+ .btn-inverse:focus,
177
+ .btn-inverse:hover,
178
+ .open > .dropdown-toggle.btn-inverse {
179
+ background-color: #4c5667 !important;
180
+ border: 1px solid #4c5667 !important;
181
+ color: #ffffff;
182
+ }
183
+ .btn-purple,
184
+ .btn-purple:hover,
185
+ .btn-purple:focus,
186
+ .btn-purple:active {
187
+ background-color: #7266ba !important;
188
+ border: 1px solid #7266ba !important;
189
+ color: #ffffff;
190
+ }
191
+ .btn-pink,
192
+ .btn-pink:hover,
193
+ .btn-pink:focus,
194
+ .btn-pink:active {
195
+ background-color: #fb6d9d !important;
196
+ border: 1px solid #fb6d9d !important;
197
+ color: #ffffff;
198
+ }
199
+ .open > .dropdown-toggle.btn-primary.btn-custom,
200
+ .open > .dropdown-toggle.btn-success.btn-custom,
201
+ .open > .dropdown-toggle.btn-info.btn-custom,
202
+ .open > .dropdown-toggle.btn-warning.btn-custom,
203
+ .open > .dropdown-toggle.btn-danger.btn-custom,
204
+ .open > .dropdown-toggle.btn-default.btn-custom {
205
+ border-width: 2px !important;
206
+ color: #ffffff !important;
207
+ }
208
+ .open > .dropdown-toggle.btn-white.btn-custom {
209
+ border-width: 2px !important;
210
+ }
211
+ .btn-custom.btn-default {
212
+ color: #5fbeaa !important;
213
+ }
214
+ .btn-custom.btn-primary {
215
+ color: #5d9cec !important;
216
+ }
217
+ .btn-custom.btn-success {
218
+ color: #81c868 !important;
219
+ }
220
+ .btn-custom.btn-info {
221
+ color: #34d3eb !important;
222
+ }
223
+ .btn-custom.btn-warning {
224
+ color: #ffbd4a !important;
225
+ }
226
+ .btn-custom.btn-danger {
227
+ color: #f05050 !important;
228
+ }
229
+ .btn-custom.btn-inverse {
230
+ color: #4c5667 !important;
231
+ }
232
+ .btn-custom.btn-purple {
233
+ color: #7266ba !important;
234
+ }
235
+ .btn-custom.btn-white {
236
+ color: #4c5667 !important;
237
+ }
238
+ .btn-custom.btn-white:hover,
239
+ .btn-custom.btn-white:focus,
240
+ .btn-custom.btn-white:active {
241
+ color: #4c5667 !important;
242
+ background-color: #f4f8fb !important;
243
+ }
244
+ .btn-custom.btn-pink {
245
+ color: #fb6d9d !important;
246
+ }
247
+ .btn-rounded {
248
+ border-radius: 2em !important;
249
+ padding: 6px 20px;
250
+ }
251
+ .btn-rounded .btn-label {
252
+ padding: 7px 15px 7px 20px;
253
+ margin-left: -20px;
254
+ }
255
+ .btn-rounded .btn-label-right {
256
+ margin-right: -20px;
257
+ margin-left: 12px;
258
+ }
259
+ .btn-custom {
260
+ -moz-border-radius: 2px;
261
+ -moz-transition: all 400ms ease-in-out;
262
+ -o-transition: all 400ms ease-in-out;
263
+ -webkit-border-radius: 2px;
264
+ -webkit-transition: all 400ms ease-in-out;
265
+ background: transparent;
266
+ background-color: transparent !important;
267
+ -webkit-border-radius: 5px;
268
+ border-radius: 5px;
269
+ -moz-border-radius: 5px;
270
+ background-clip: padding-box;
271
+ border-width: 2px !important;
272
+ font-weight: 600;
273
+ transition: all 400ms ease-in-out;
274
+ background-clip: inherit;
275
+ }
276
+ .btn-custom:hover {
277
+ color: #ffffff !important;
278
+ border-width: 2px !important;
279
+ }
280
+ .btn-custom:focus {
281
+ color: #ffffff !important;
282
+ border-width: 2px !important;
283
+ }
284
+ .btn-label {
285
+ background: rgba(0, 0, 0, 0.05);
286
+ display: inline-block;
287
+ padding: 7px 15px;
288
+ border-radius: 3px 0 0 3px;
289
+ margin: -7px -13px;
290
+ margin-right: 12px;
291
+ }
292
+ .btn-label-right {
293
+ margin-left: 12px;
294
+ margin-right: -13px;
295
+ border-radius: 0px 3px 3px 0px;
296
+ }
297
+ .btn-group.open .dropdown-toggle {
298
+ box-shadow: none;
299
+ }
300
+ /* File Upload */
301
+ .fileupload {
302
+ overflow: hidden;
303
+ position: relative;
304
+ }
305
+ .fileupload input.upload {
306
+ cursor: pointer;
307
+ filter: alpha(opacity=0);
308
+ font-size: 20px;
309
+ margin: 0;
310
+ opacity: 0;
311
+ padding: 0;
312
+ position: absolute;
313
+ right: 0;
314
+ top: 0;
315
+ }
316
+ /* Social Buttons */
317
+ .btn-facebook {
318
+ color: #ffffff !important;
319
+ background-color: #3b5998 !important;
320
+ }
321
+ .btn-twitter {
322
+ color: #ffffff !important;
323
+ background-color: #00aced !important;
324
+ }
325
+ .btn-linkedin {
326
+ color: #ffffff !important;
327
+ background-color: #007bb6 !important;
328
+ }
329
+ .btn-dribbble {
330
+ color: #ffffff !important;
331
+ background-color: #ea4c89 !important;
332
+ }
333
+ .btn-googleplus {
334
+ color: #ffffff !important;
335
+ background-color: #dd4b39 !important;
336
+ }
337
+ .btn-instagram {
338
+ color: #ffffff !important;
339
+ background-color: #517fa4 !important;
340
+ }
341
+ .btn-pinterest {
342
+ color: #ffffff !important;
343
+ background-color: #cb2027 !important;
344
+ }
345
+ .btn-dropbox {
346
+ color: #ffffff !important;
347
+ background-color: #007ee5 !important;
348
+ }
349
+ .btn-flickr {
350
+ color: #ffffff !important;
351
+ background-color: #ff0084 !important;
352
+ }
353
+ .btn-tumblr {
354
+ color: #ffffff !important;
355
+ background-color: #32506d !important;
356
+ }
357
+ .btn-skype {
358
+ color: #ffffff !important;
359
+ background-color: #00aff0 !important;
360
+ }
361
+ .btn-youtube {
362
+ color: #ffffff !important;
363
+ background-color: #bb0000 !important;
364
+ }
365
+ .btn-github {
366
+ color: #ffffff !important;
367
+ background-color: #171515 !important;
368
+ }
369
+ /* =============
370
+ Checkbox and Radios
371
+ ============= */
372
+ .checkbox {
373
+ padding-left: 20px;
374
+ }
375
+ .checkbox label {
376
+ display: inline-block;
377
+ padding-left: 5px;
378
+ position: relative;
379
+ }
380
+ .checkbox label::before {
381
+ -o-transition: 0.3s ease-in-out;
382
+ -webkit-transition: 0.3s ease-in-out;
383
+ background-color: #ffffff;
384
+ border-radius: 3px;
385
+ border: 1px solid #cccccc;
386
+ content: "";
387
+ display: inline-block;
388
+ height: 17px;
389
+ left: 0;
390
+ margin-left: -20px;
391
+ position: absolute;
392
+ transition: 0.3s ease-in-out;
393
+ width: 17px;
394
+ outline: none !important;
395
+ }
396
+ .checkbox label::after {
397
+ color: #555555;
398
+ display: inline-block;
399
+ font-size: 11px;
400
+ height: 16px;
401
+ left: 0;
402
+ margin-left: -20px;
403
+ padding-left: 3px;
404
+ padding-top: 1px;
405
+ position: absolute;
406
+ top: 0;
407
+ width: 16px;
408
+ }
409
+ .checkbox input[type="checkbox"] {
410
+ cursor: pointer;
411
+ opacity: 0;
412
+ z-index: 1;
413
+ outline: none !important;
414
+ }
415
+ .checkbox input[type="checkbox"]:disabled + label {
416
+ opacity: 0.65;
417
+ }
418
+ .checkbox input[type="checkbox"]:focus + label::before {
419
+ outline-offset: -2px;
420
+ outline: none;
421
+ outline: thin dotted;
422
+ }
423
+ .checkbox input[type="checkbox"]:checked + label::after {
424
+ content: "\f00c";
425
+ font-family: 'FontAwesome';
426
+ }
427
+ .checkbox input[type="checkbox"]:disabled + label::before {
428
+ background-color: #eeeeee;
429
+ cursor: not-allowed;
430
+ }
431
+ .checkbox.checkbox-circle label::before {
432
+ border-radius: 50%;
433
+ }
434
+ .checkbox.checkbox-inline {
435
+ margin-top: 0;
436
+ }
437
+ .checkbox.checkbox-single label {
438
+ height: 17px;
439
+ }
440
+ .checkbox-custom input[type="checkbox"]:checked + label::before {
441
+ background-color: #5fbeaa;
442
+ border-color: #5fbeaa;
443
+ }
444
+ .checkbox-custom input[type="checkbox"]:checked + label::after {
445
+ color: #ffffff;
446
+ }
447
+ .checkbox-primary input[type="checkbox"]:checked + label::before {
448
+ background-color: #5d9cec;
449
+ border-color: #5d9cec;
450
+ }
451
+ .checkbox-primary input[type="checkbox"]:checked + label::after {
452
+ color: #ffffff;
453
+ }
454
+ .checkbox-danger input[type="checkbox"]:checked + label::before {
455
+ background-color: #f05050;
456
+ border-color: #f05050;
457
+ }
458
+ .checkbox-danger input[type="checkbox"]:checked + label::after {
459
+ color: #ffffff;
460
+ }
461
+ .checkbox-info input[type="checkbox"]:checked + label::before {
462
+ background-color: #34d3eb;
463
+ border-color: #34d3eb;
464
+ }
465
+ .checkbox-info input[type="checkbox"]:checked + label::after {
466
+ color: #ffffff;
467
+ }
468
+ .checkbox-warning input[type="checkbox"]:checked + label::before {
469
+ background-color: #ffbd4a;
470
+ border-color: #ffbd4a;
471
+ }
472
+ .checkbox-warning input[type="checkbox"]:checked + label::after {
473
+ color: #ffffff;
474
+ }
475
+ .checkbox-success input[type="checkbox"]:checked + label::before {
476
+ background-color: #81c868;
477
+ border-color: #81c868;
478
+ }
479
+ .checkbox-success input[type="checkbox"]:checked + label::after {
480
+ color: #ffffff;
481
+ }
482
+ .checkbox-purple input[type="checkbox"]:checked + label::before {
483
+ background-color: #7266ba;
484
+ border-color: #7266ba;
485
+ }
486
+ .checkbox-purple input[type="checkbox"]:checked + label::after {
487
+ color: #ffffff;
488
+ }
489
+ .checkbox-pink input[type="checkbox"]:checked + label::before {
490
+ background-color: #fb6d9d;
491
+ border-color: #fb6d9d;
492
+ }
493
+ .checkbox-pink input[type="checkbox"]:checked + label::after {
494
+ color: #ffffff;
495
+ }
496
+ .checkbox-inverse input[type="checkbox"]:checked + label::before {
497
+ background-color: #4c5667;
498
+ border-color: #4c5667;
499
+ }
500
+ .checkbox-inverse input[type="checkbox"]:checked + label::after {
501
+ color: #ffffff;
502
+ }
503
+ /* Radios */
504
+ .radio {
505
+ padding-left: 20px;
506
+ }
507
+ .radio label {
508
+ display: inline-block;
509
+ padding-left: 5px;
510
+ position: relative;
511
+ }
512
+ .radio label::before {
513
+ -o-transition: border 0.5s ease-in-out;
514
+ -webkit-transition: border 0.5s ease-in-out;
515
+ background-color: #ffffff;
516
+ border-radius: 50%;
517
+ border: 1px solid #cccccc;
518
+ content: "";
519
+ display: inline-block;
520
+ height: 17px;
521
+ left: 0;
522
+ margin-left: -20px;
523
+ position: absolute;
524
+ transition: border 0.5s ease-in-out;
525
+ width: 17px;
526
+ outline: none !important;
527
+ }
528
+ .radio label::after {
529
+ -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
530
+ -ms-transform: scale(0, 0);
531
+ -o-transform: scale(0, 0);
532
+ -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
533
+ -webkit-transform: scale(0, 0);
534
+ -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
535
+ background-color: #555555;
536
+ border-radius: 50%;
537
+ content: " ";
538
+ display: inline-block;
539
+ height: 11px;
540
+ left: 3px;
541
+ margin-left: -20px;
542
+ position: absolute;
543
+ top: 3px;
544
+ transform: scale(0, 0);
545
+ transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
546
+ width: 11px;
547
+ }
548
+ .radio input[type="radio"] {
549
+ cursor: pointer;
550
+ opacity: 0;
551
+ z-index: 1;
552
+ outline: none !important;
553
+ }
554
+ .radio input[type="radio"]:disabled + label {
555
+ opacity: 0.65;
556
+ }
557
+ .radio input[type="radio"]:focus + label::before {
558
+ outline-offset: -2px;
559
+ outline: 5px auto -webkit-focus-ring-color;
560
+ outline: thin dotted;
561
+ }
562
+ .radio input[type="radio"]:checked + label::after {
563
+ -ms-transform: scale(1, 1);
564
+ -o-transform: scale(1, 1);
565
+ -webkit-transform: scale(1, 1);
566
+ transform: scale(1, 1);
567
+ }
568
+ .radio input[type="radio"]:disabled + label::before {
569
+ cursor: not-allowed;
570
+ }
571
+ .radio.radio-inline {
572
+ margin-top: 0;
573
+ }
574
+ .radio.radio-single label {
575
+ height: 17px;
576
+ }
577
+ .radio-custom input[type="radio"] + label::after {
578
+ background-color: #5fbeaa;
579
+ }
580
+ .radio-custom input[type="radio"]:checked + label::before {
581
+ border-color: #5fbeaa;
582
+ }
583
+ .radio-custom input[type="radio"]:checked + label::after {
584
+ background-color: #5fbeaa;
585
+ }
586
+ .radio-primary input[type="radio"] + label::after {
587
+ background-color: #5d9cec;
588
+ }
589
+ .radio-primary input[type="radio"]:checked + label::before {
590
+ border-color: #5d9cec;
591
+ }
592
+ .radio-primary input[type="radio"]:checked + label::after {
593
+ background-color: #5d9cec;
594
+ }
595
+ .radio-danger input[type="radio"] + label::after {
596
+ background-color: #f05050;
597
+ }
598
+ .radio-danger input[type="radio"]:checked + label::before {
599
+ border-color: #f05050;
600
+ }
601
+ .radio-danger input[type="radio"]:checked + label::after {
602
+ background-color: #f05050;
603
+ }
604
+ .radio-info input[type="radio"] + label::after {
605
+ background-color: #34d3eb;
606
+ }
607
+ .radio-info input[type="radio"]:checked + label::before {
608
+ border-color: #34d3eb;
609
+ }
610
+ .radio-info input[type="radio"]:checked + label::after {
611
+ background-color: #34d3eb;
612
+ }
613
+ .radio-warning input[type="radio"] + label::after {
614
+ background-color: #ffbd4a;
615
+ }
616
+ .radio-warning input[type="radio"]:checked + label::before {
617
+ border-color: #ffbd4a;
618
+ }
619
+ .radio-warning input[type="radio"]:checked + label::after {
620
+ background-color: #ffbd4a;
621
+ }
622
+ .radio-success input[type="radio"] + label::after {
623
+ background-color: #81c868;
624
+ }
625
+ .radio-success input[type="radio"]:checked + label::before {
626
+ border-color: #81c868;
627
+ }
628
+ .radio-success input[type="radio"]:checked + label::after {
629
+ background-color: #81c868;
630
+ }
631
+ .radio-purple input[type="radio"] + label::after {
632
+ background-color: #7266ba;
633
+ }
634
+ .radio-purple input[type="radio"]:checked + label::before {
635
+ border-color: #7266ba;
636
+ }
637
+ .radio-purple input[type="radio"]:checked + label::after {
638
+ background-color: #7266ba;
639
+ }
640
+ .radio-pink input[type="radio"] + label::after {
641
+ background-color: #fb6d9d;
642
+ }
643
+ .radio-pink input[type="radio"]:checked + label::before {
644
+ border-color: #fb6d9d;
645
+ }
646
+ .radio-pink input[type="radio"]:checked + label::after {
647
+ background-color: #fb6d9d;
648
+ }
649
+ /* =============
650
+ Panels
651
+ ============= */
652
+ .panel {
653
+ border: none;
654
+ margin-bottom: 20px;
655
+ }
656
+ .panel .panel-body {
657
+ padding: 20px;
658
+ }
659
+ .panel .panel-body p {
660
+ margin: 0px;
661
+ }
662
+ .panel .panel-body p + p {
663
+ margin-top: 15px;
664
+ }
665
+ .panel-heading {
666
+ border: none !important;
667
+ padding: 10px 20px;
668
+ }
669
+ .panel-default > .panel-heading {
670
+ background-color: #f4f8fb;
671
+ border-bottom: none;
672
+ color: #797979;
673
+ }
674
+ .panel-title {
675
+ font-size: 15px;
676
+ font-weight: 600;
677
+ margin-bottom: 0;
678
+ margin-top: 0;
679
+ text-transform: uppercase;
680
+ letter-spacing: 0.03em;
681
+ }
682
+ .panel-footer {
683
+ background: #f4f8fb;
684
+ border-top: 0px;
685
+ }
686
+ .panel-color .panel-title {
687
+ color: #ffffff;
688
+ }
689
+ .panel-custom > .panel-heading {
690
+ background-color: #5fbeaa;
691
+ }
692
+ .panel-primary > .panel-heading {
693
+ background-color: #5d9cec;
694
+ }
695
+ .panel-success > .panel-heading {
696
+ background-color: #81c868;
697
+ }
698
+ .panel-info > .panel-heading {
699
+ background-color: #34d3eb;
700
+ }
701
+ .panel-warning > .panel-heading {
702
+ background-color: #ffbd4a;
703
+ }
704
+ .panel-danger > .panel-heading {
705
+ background-color: #f05050;
706
+ }
707
+ .panel-purple > .panel-heading {
708
+ background-color: #7266ba;
709
+ }
710
+ .panel-pink > .panel-heading {
711
+ background-color: #fb6d9d;
712
+ }
713
+ .panel-inverse > .panel-heading {
714
+ background-color: #4c5667;
715
+ }
716
+ .panel-border .panel-heading {
717
+ background-color: #ffffff;
718
+ border-top: 3px solid #DADFE2 !important;
719
+ padding: 10px 20px 0px;
720
+ }
721
+ .panel-border .panel-body {
722
+ padding: 15px 20px 20px 20px;
723
+ }
724
+ .panel-border.panel-custom .panel-heading {
725
+ border-color: #5fbeaa !important;
726
+ color: #5fbeaa !important;
727
+ }
728
+ .panel-border.panel-primary .panel-heading {
729
+ border-color: #5d9cec !important;
730
+ color: #5d9cec !important;
731
+ }
732
+ .panel-border.panel-success .panel-heading {
733
+ border-color: #81c868 !important;
734
+ color: #81c868 !important;
735
+ }
736
+ .panel-border.panel-info .panel-heading {
737
+ border-color: #34d3eb !important;
738
+ color: #34d3eb !important;
739
+ }
740
+ .panel-border.panel-warning .panel-heading {
741
+ border-color: #ffbd4a !important;
742
+ color: #ffbd4a !important;
743
+ }
744
+ .panel-border.panel-danger .panel-heading {
745
+ border-color: #f05050 !important;
746
+ color: #f05050 !important;
747
+ }
748
+ .panel-border.panel-purple .panel-heading {
749
+ border-color: #7266ba !important;
750
+ color: #7266ba !important;
751
+ }
752
+ .panel-border.panel-pink .panel-heading {
753
+ border-color: #fb6d9d !important;
754
+ color: #fb6d9d !important;
755
+ }
756
+ .panel-border.panel-inverse .panel-heading {
757
+ border-color: #4c5667 !important;
758
+ color: #4c5667 !important;
759
+ }
760
+ .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
761
+ content: '\f0d7';
762
+ }
763
+ .panel-group .panel .panel-heading .accordion-toggle.collapsed:before {
764
+ content: '\f0d7';
765
+ }
766
+ .panel-group .panel .panel-heading a[data-toggle=collapse] {
767
+ display: block;
768
+ }
769
+ .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
770
+ content: '\f0d8';
771
+ display: block;
772
+ float: right;
773
+ font-family: 'FontAwesome';
774
+ font-size: 14px;
775
+ text-align: right;
776
+ width: 25px;
777
+ }
778
+ .panel-group .panel .panel-heading .accordion-toggle {
779
+ display: block;
780
+ }
781
+ .panel-group .panel .panel-heading .accordion-toggle:before {
782
+ content: '\f0d8';
783
+ display: block;
784
+ float: right;
785
+ font-family: 'FontAwesome';
786
+ font-size: 14px;
787
+ text-align: right;
788
+ width: 25px;
789
+ }
790
+ .panel-group .panel .panel-heading + .panel-collapse .panel-body {
791
+ border-top: none;
792
+ }
793
+ .panel-group .panel-heading {
794
+ padding: 12px 26px;
795
+ }
796
+ .panel-group.panel-group-joined .panel + .panel {
797
+ border-top: 1px solid #eeeeee;
798
+ margin-top: 0;
799
+ }
800
+ .panel-group-joined .panel-group .panel + .panel {
801
+ border-top: 1px solid #eeeeee;
802
+ margin-top: 0;
803
+ }
804
+ .panel .nav-pills li a {
805
+ color: #4c5667 !important;
806
+ }
807
+ .panel .nav-pills li.active a {
808
+ color: #ffffff !important;
809
+ }
810
+ /* =============
811
+ Portlets
812
+ ============= */
813
+ .portlet {
814
+ background: #ffffff;
815
+ border: 1px solid rgba(54, 64, 74, 0.05);
816
+ -webkit-border-radius: 5px;
817
+ border-radius: 5px;
818
+ -moz-border-radius: 5px;
819
+ background-clip: padding-box;
820
+ margin-bottom: 20px;
821
+ }
822
+ .portlet .portlet-heading {
823
+ -webkit-border-radius: 3px 3px 0px 0px;
824
+ border-radius: 3px 3px 0px 0px;
825
+ -moz-border-radius: 3px 3px 0px 0px;
826
+ background-clip: padding-box;
827
+ color: #ffffff;
828
+ padding: 12px 20px;
829
+ }
830
+ .portlet .portlet-heading .portlet-title {
831
+ color: #ffffff;
832
+ float: left;
833
+ font-size: 15px;
834
+ font-weight: 600;
835
+ margin-bottom: 0;
836
+ margin-top: 0;
837
+ text-transform: uppercase;
838
+ letter-spacing: 0.03em;
839
+ }
840
+ .portlet .portlet-heading .portlet-widgets {
841
+ display: inline-block;
842
+ float: right;
843
+ font-size: 15px;
844
+ line-height: 30px;
845
+ padding-left: 15px;
846
+ position: relative;
847
+ text-align: right;
848
+ }
849
+ .portlet .portlet-heading .portlet-widgets .divider {
850
+ margin: 0 5px;
851
+ }
852
+ .portlet .portlet-heading .portlet-widgets .collapsed .ion-minus-round:before {
853
+ content: "\f217" !important;
854
+ }
855
+ .portlet .portlet-heading a {
856
+ color: #999999;
857
+ }
858
+ .portlet .portlet-body {
859
+ -moz-border-radius-bottomleft: 5px;
860
+ -moz-border-radius-bottomright: 5px;
861
+ -webkit-border-bottom-left-radius: 5px;
862
+ -webkit-border-bottom-right-radius: 5px;
863
+ background: #ffffff;
864
+ border-bottom-left-radius: 5px;
865
+ border-bottom-right-radius: 5px;
866
+ padding: 15px;
867
+ }
868
+ .portlet-default .portlet-title {
869
+ color: #797979 !important;
870
+ }
871
+ .portlet .portlet-heading.bg-custom a,
872
+ .portlet .portlet-heading.bg-purple a,
873
+ .portlet .portlet-heading.bg-info a,
874
+ .portlet .portlet-heading.bg-success a,
875
+ .portlet .portlet-heading.bg-primary a,
876
+ .portlet .portlet-heading.bg-danger a,
877
+ .portlet .portlet-heading.bg-warning a,
878
+ .portlet .portlet-heading.bg-inverse a,
879
+ .portlet .portlet-heading.bg-pink a {
880
+ color: #ffffff;
881
+ }
882
+ .panel-disabled {
883
+ background: rgba(243, 242, 241, 0.5);
884
+ bottom: 15px;
885
+ left: 0px;
886
+ position: absolute;
887
+ right: -5px;
888
+ top: 0;
889
+ }
890
+ .loader-1 {
891
+ -moz-animation: loaderAnimate 1000ms linear infinite;
892
+ -o-animation: loaderAnimate 1000ms linear infinite;
893
+ -webkit-animation: loaderAnimate 1000ms linear infinite;
894
+ animation: loaderAnimate 1000ms linear infinite;
895
+ clip: rect(0, 30px, 30px, 15px);
896
+ height: 30px;
897
+ left: 50%;
898
+ margin-left: -15px;
899
+ margin-top: -15px;
900
+ position: absolute;
901
+ top: 50%;
902
+ width: 30px;
903
+ }
904
+ .loader-1:after {
905
+ -moz-animation: loaderAnimate2 1000ms ease-in-out infinite;
906
+ -o-animation: loaderAnimate2 1000ms ease-in-out infinite;
907
+ -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
908
+ animation: loaderAnimate2 1000ms ease-in-out infinite;
909
+ border-radius: 50%;
910
+ clip: rect(0, 30px, 30px, 15px);
911
+ content: '';
912
+ height: 30px;
913
+ position: absolute;
914
+ width: 30px;
915
+ }
916
+ /* =============
917
+ Progressbars
918
+ ============= */
919
+ .progress {
920
+ -webkit-box-shadow: none !important;
921
+ background-color: #ebeff2;
922
+ box-shadow: none !important;
923
+ height: 10px;
924
+ margin-bottom: 18px;
925
+ overflow: hidden;
926
+ }
927
+ .progress-bar {
928
+ box-shadow: none;
929
+ font-size: 8px;
930
+ font-weight: 600;
931
+ line-height: 12px;
932
+ }
933
+ .progress.progress-sm {
934
+ height: 5px !important;
935
+ }
936
+ .progress.progress-sm .progress-bar {
937
+ font-size: 8px;
938
+ line-height: 5px;
939
+ }
940
+ .progress.progress-md {
941
+ height: 15px !important;
942
+ }
943
+ .progress.progress-md .progress-bar {
944
+ font-size: 10.8px;
945
+ line-height: 14.4px;
946
+ }
947
+ .progress.progress-lg {
948
+ height: 20px !important;
949
+ }
950
+ .progress.progress-lg .progress-bar {
951
+ font-size: 12px;
952
+ line-height: 20px;
953
+ }
954
+ .progress-bar-primary {
955
+ background-color: #5d9cec;
956
+ }
957
+ .progress-bar-success {
958
+ background-color: #81c868;
959
+ }
960
+ .progress-bar-info {
961
+ background-color: #34d3eb;
962
+ }
963
+ .progress-bar-warning {
964
+ background-color: #ffbd4a;
965
+ }
966
+ .progress-bar-danger {
967
+ background-color: #f05050;
968
+ }
969
+ .progress-bar-inverse {
970
+ background-color: #4c5667;
971
+ }
972
+ .progress-bar-purple {
973
+ background-color: #7266ba;
974
+ }
975
+ .progress-bar-pink {
976
+ background-color: #fb6d9d;
977
+ }
978
+ .progress-bar-custom {
979
+ background-color: #5fbeaa;
980
+ }
981
+ .progress-animated {
982
+ -webkit-animation-duration: 5s;
983
+ -webkit-animation-name: animationProgress;
984
+ -webkit-transition: 5s all;
985
+ animation-duration: 5s;
986
+ animation-name: animationProgress;
987
+ transition: 5s all;
988
+ }
989
+ /* Progressbar Vertical */
990
+ .progress-vertical {
991
+ min-height: 250px;
992
+ height: 250px;
993
+ width: 10px;
994
+ position: relative;
995
+ display: inline-block;
996
+ margin-bottom: 0;
997
+ margin-right: 20px;
998
+ }
999
+ .progress-vertical .progress-bar {
1000
+ width: 100%;
1001
+ }
1002
+ .progress-vertical-bottom {
1003
+ min-height: 250px;
1004
+ height: 250px;
1005
+ position: relative;
1006
+ width: 10px;
1007
+ display: inline-block;
1008
+ margin-bottom: 0;
1009
+ margin-right: 20px;
1010
+ }
1011
+ .progress-vertical-bottom .progress-bar {
1012
+ width: 100%;
1013
+ position: absolute;
1014
+ bottom: 0;
1015
+ }
1016
+ .progress-vertical.progress-sm,
1017
+ .progress-vertical-bottom.progress-sm {
1018
+ width: 5px !important;
1019
+ }
1020
+ .progress-vertical.progress-sm .progress-bar,
1021
+ .progress-vertical-bottom.progress-sm .progress-bar {
1022
+ font-size: 8px;
1023
+ line-height: 5px;
1024
+ }
1025
+ .progress-vertical.progress-md,
1026
+ .progress-vertical-bottom.progress-md {
1027
+ width: 15px !important;
1028
+ }
1029
+ .progress-vertical.progress-md .progress-bar,
1030
+ .progress-vertical-bottom.progress-md .progress-bar {
1031
+ font-size: 10.8px;
1032
+ line-height: 14.4px;
1033
+ }
1034
+ .progress-vertical.progress-lg,
1035
+ .progress-vertical-bottom.progress-lg {
1036
+ width: 20px !important;
1037
+ }
1038
+ .progress-vertical.progress-lg .progress-bar,
1039
+ .progress-vertical-bottom.progress-lg .progress-bar {
1040
+ font-size: 12px;
1041
+ line-height: 20px;
1042
+ }
1043
+ /* =============
1044
+ Tables
1045
+ ============= */
1046
+ .table {
1047
+ margin-bottom: 10px;
1048
+ }
1049
+ .table-striped > tbody > tr:nth-of-type(odd),
1050
+ .table-hover > tbody > tr:hover,
1051
+ .table > thead > tr > td.active,
1052
+ .table > tbody > tr > td.active,
1053
+ .table > tfoot > tr > td.active,
1054
+ .table > thead > tr > th.active,
1055
+ .table > tbody > tr > th.active,
1056
+ .table > tfoot > tr > th.active,
1057
+ .table > thead > tr.active > td,
1058
+ .table > tbody > tr.active > td,
1059
+ .table > tfoot > tr.active > td,
1060
+ .table > thead > tr.active > th,
1061
+ .table > tbody > tr.active > th,
1062
+ .table > tfoot > tr.active > th {
1063
+ background-color: #f4f8fb !important;
1064
+ }
1065
+ .table > thead > tr > th,
1066
+ .table > tbody > tr > th,
1067
+ .table > tfoot > tr > th,
1068
+ .table > thead > tr > td,
1069
+ .table > tbody > tr > td,
1070
+ .table > tfoot > tr > td,
1071
+ .table > thead > tr > th,
1072
+ .table-bordered {
1073
+ border-top: 1px solid #ebeff2;
1074
+ }
1075
+ .table-bordered > thead > tr > th,
1076
+ .table-bordered > tbody > tr > th,
1077
+ .table-bordered > tfoot > tr > th,
1078
+ .table-bordered > thead > tr > td,
1079
+ .table-bordered > tbody > tr > td,
1080
+ .table-bordered > tfoot > tr > td {
1081
+ border: 1px solid #ebeff2;
1082
+ }
1083
+ .table > thead > tr > th {
1084
+ vertical-align: bottom;
1085
+ border-bottom: 2px solid #ebeff2;
1086
+ }
1087
+ tbody {
1088
+ color: #797979;
1089
+ }
1090
+ th {
1091
+ color: #666666;
1092
+ font-weight: 600;
1093
+ }
1094
+ .table-bordered {
1095
+ border: 1px solid #ebeff2;
1096
+ }
1097
+ table.focus-on tbody tr.focused th {
1098
+ background-color: #5fbeaa;
1099
+ color: #ffffff;
1100
+ }
1101
+ table.focus-on tbody tr.focused td {
1102
+ background-color: #5fbeaa;
1103
+ color: #ffffff;
1104
+ }
1105
+ .table-rep-plugin .table-responsive {
1106
+ border: none !important;
1107
+ }
1108
+ .table-rep-plugin tbody th {
1109
+ font-size: 14px;
1110
+ font-weight: normal;
1111
+ }
1112
+ .table-rep-plugin .checkbox-row {
1113
+ padding-left: 40px;
1114
+ }
1115
+ .table-rep-plugin .checkbox-row label {
1116
+ display: inline-block;
1117
+ padding-left: 5px;
1118
+ position: relative;
1119
+ }
1120
+ .table-rep-plugin .checkbox-row label::before {
1121
+ -o-transition: 0.3s ease-in-out;
1122
+ -webkit-transition: 0.3s ease-in-out;
1123
+ background-color: #ffffff;
1124
+ border-radius: 3px;
1125
+ border: 1px solid #cccccc;
1126
+ content: "";
1127
+ display: inline-block;
1128
+ height: 17px;
1129
+ left: 0;
1130
+ margin-left: -20px;
1131
+ position: absolute;
1132
+ transition: 0.3s ease-in-out;
1133
+ width: 17px;
1134
+ outline: none !important;
1135
+ }
1136
+ .table-rep-plugin .checkbox-row label::after {
1137
+ color: #555555;
1138
+ display: inline-block;
1139
+ font-size: 11px;
1140
+ height: 16px;
1141
+ left: 0;
1142
+ margin-left: -20px;
1143
+ padding-left: 3px;
1144
+ padding-top: 1px;
1145
+ position: absolute;
1146
+ top: -1px;
1147
+ width: 16px;
1148
+ }
1149
+ .table-rep-plugin .checkbox-row input[type="checkbox"] {
1150
+ cursor: pointer;
1151
+ opacity: 0;
1152
+ z-index: 1;
1153
+ outline: none !important;
1154
+ }
1155
+ .table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label {
1156
+ opacity: 0.65;
1157
+ }
1158
+ .table-rep-plugin .checkbox-row input[type="checkbox"]:focus + label::before {
1159
+ outline-offset: -2px;
1160
+ outline: none;
1161
+ }
1162
+ .table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
1163
+ content: "\f00c";
1164
+ font-family: 'FontAwesome';
1165
+ }
1166
+ .table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label::before {
1167
+ background-color: #eeeeee;
1168
+ cursor: not-allowed;
1169
+ }
1170
+ .table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before {
1171
+ background-color: #5fbeaa;
1172
+ border-color: #5fbeaa;
1173
+ }
1174
+ .table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
1175
+ color: #ffffff;
1176
+ }
1177
+ .fixed-table-container tbody .selected td {
1178
+ background-color: #F4F8FB;
1179
+ }
1180
+ .modal-block {
1181
+ background: transparent;
1182
+ margin: 40px auto;
1183
+ max-width: 600px;
1184
+ padding: 0;
1185
+ position: relative;
1186
+ text-align: left;
1187
+ }
1188
+ /* Data table */
1189
+ #datatable-editable .actions a {
1190
+ padding: 5px;
1191
+ }
1192
+ #datatable-editable .form-control {
1193
+ background-color: #ffffff;
1194
+ width: 100%;
1195
+ }
1196
+ #datatable-editable .fa-trash-o {
1197
+ color: #f05050;
1198
+ }
1199
+ #datatable-editable .fa-times {
1200
+ color: #f05050;
1201
+ }
1202
+ #datatable-editable .fa-pencil {
1203
+ color: #29b6f6;
1204
+ }
1205
+ #datatable-editable .fa-save {
1206
+ color: #33b86c;
1207
+ }
1208
+ #datatable td {
1209
+ font-weight: normal;
1210
+ }
1211
+ div.dataTables_paginate ul.pagination {
1212
+ margin-top: 30px;
1213
+ }
1214
+ div.dataTables_info {
1215
+ padding-top: 38px;
1216
+ }
1217
+ .dt-buttons {
1218
+ float: left;
1219
+ }
1220
+ div#datatable-buttons_info {
1221
+ float: left;
1222
+ }
1223
+ table.dataTable thead th {
1224
+ position: relative;
1225
+ background-image: none !important;
1226
+ }
1227
+ table.dataTable thead th.sorting:after,
1228
+ table.dataTable thead th.sorting_asc:after,
1229
+ table.dataTable thead th.sorting_desc:after {
1230
+ position: absolute;
1231
+ top: 7px;
1232
+ right: 8px;
1233
+ display: block;
1234
+ font-family: FontAwesome;
1235
+ }
1236
+ table.dataTable thead th.sorting:after {
1237
+ content: "\f0dc";
1238
+ padding-top: 0.12em;
1239
+ }
1240
+ table.dataTable thead th.sorting_asc:after {
1241
+ content: "\f0de";
1242
+ }
1243
+ table.dataTable thead th.sorting_desc:after {
1244
+ content: "\f0dd";
1245
+ }
1246
+ .DTFC_LeftBodyWrapper table thead th.sorting:after,
1247
+ .dataTables_scrollBody table thead th.sorting:after,
1248
+ .DTFC_RightBodyLiner table thead th.sorting:after,
1249
+ .DTFC_LeftBodyWrapper table thead th.sorting_asc:after,
1250
+ .dataTables_scrollBody table thead th.sorting_asc:after,
1251
+ .DTFC_RightBodyLiner table thead th.sorting_asc:after,
1252
+ .DTFC_LeftBodyWrapper table thead th.sorting_desc:after,
1253
+ .dataTables_scrollBody table thead th.sorting_desc:after,
1254
+ .DTFC_RightBodyLiner table thead th.sorting_desc:after {
1255
+ display: none !important;
1256
+ }
1257
+ /* Footable */
1258
+ .footable-odd {
1259
+ background-color: #ffffff;
1260
+ }
1261
+ .footable-detail-show {
1262
+ background-color: #ebeff2;
1263
+ }
1264
+ .footable-row-detail {
1265
+ background-color: #F0F4F7;
1266
+ }
1267
+ /* Bootstrap Table */
1268
+ table[data-toggle="table"] {
1269
+ display: none;
1270
+ }
1271
+ .fixed-table-pagination .pagination-detail,
1272
+ .fixed-table-pagination div.pagination {
1273
+ margin-top: 20px;
1274
+ }
1275
+ .fixed-table-container {
1276
+ border: 1px solid #ebeff2 !important;
1277
+ }
1278
+ .bootstrap-table .table > thead > tr > th {
1279
+ border-bottom: 2px solid #ebeff2;
1280
+ background: #ebeff2;
1281
+ }
1282
+ .fixed-table-container thead th .th-inner {
1283
+ padding: 9px 12px;
1284
+ }
1285
+ .bootstrap-table .table,
1286
+ .bootstrap-table .table > tbody > tr > td,
1287
+ .bootstrap-table .table > tbody > tr > th,
1288
+ .bootstrap-table .table > tfoot > tr > td,
1289
+ .bootstrap-table .table > tfoot > tr > th,
1290
+ .bootstrap-table .table > thead > tr > td {
1291
+ padding: 8px 12px !important;
1292
+ }
1293
+ /* Tablesaw */
1294
+ .tablesaw thead {
1295
+ background: #ebeff2;
1296
+ background-image: none;
1297
+ border: none;
1298
+ }
1299
+ .tablesaw thead th {
1300
+ text-shadow: none;
1301
+ letter-spacing: 0.06em;
1302
+ }
1303
+ .tablesaw thead tr:first-child th {
1304
+ padding-top: 1.1em;
1305
+ padding-bottom: 0.9em;
1306
+ }
1307
+ .tablesaw thead tr:first-child th {
1308
+ font-weight: 600;
1309
+ font-family: inherit;
1310
+ border: none;
1311
+ }
1312
+ .tablesaw td,
1313
+ .tablesaw tbody th {
1314
+ font-size: inherit;
1315
+ line-height: inherit;
1316
+ padding: 10px !important;
1317
+ }
1318
+ .tablesaw-stack tbody tr,
1319
+ .tablesaw tbody tr {
1320
+ border-bottom: none;
1321
+ }
1322
+ .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
1323
+ .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
1324
+ font-family: FontAwesome;
1325
+ font-size: 10px;
1326
+ }
1327
+ .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
1328
+ content: "\f176";
1329
+ }
1330
+ .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
1331
+ content: "\f175";
1332
+ }
1333
+ .tablesaw-bar .btn-select.btn-small:after,
1334
+ .tablesaw-bar .btn-select.btn-micro:after {
1335
+ font-size: 8px;
1336
+ padding-right: 10px;
1337
+ }
1338
+ .tablesaw-swipe .tablesaw-cell-persist {
1339
+ box-shadow: none;
1340
+ }
1341
+ .tablesaw-enhanced .tablesaw-bar .btn {
1342
+ text-shadow: none;
1343
+ background-image: none;
1344
+ }
1345
+ .tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
1346
+ background: #ffffff;
1347
+ }
1348
+ .tablesaw-enhanced .tablesaw-bar .btn:hover,
1349
+ .tablesaw-enhanced .tablesaw-bar .btn:focus,
1350
+ .tablesaw-enhanced .tablesaw-bar .btn:active {
1351
+ color: #5fbeaa !important;
1352
+ background-color: #ebeff2;
1353
+ outline: none !important;
1354
+ box-shadow: none !important;
1355
+ background-image: none;
1356
+ }
1357
+ /* Fixed table */
1358
+ .fixedHeader-floating {
1359
+ top: 60px !important;
1360
+ }
1361
+ /* Key Table */
1362
+ table.dataTable th.focus,
1363
+ table.dataTable td.focus {
1364
+ outline: 3px solid #5fbeaa !important;
1365
+ outline-offset: -1px;
1366
+ }
1367
+ /* ColVid Tables */
1368
+ div.ColVis {
1369
+ float: none;
1370
+ margin-right: 30px;
1371
+ }
1372
+ button.ColVis_Button,
1373
+ .ColVis_Button:hover {
1374
+ float: none;
1375
+ border-radius: 3px;
1376
+ outline: none !important;
1377
+ background: none;
1378
+ box-shadow: none;
1379
+ color: #ffffff !important;
1380
+ background-color: #5fbeaa !important;
1381
+ border: 1px solid #5fbeaa !important;
1382
+ }
1383
+ .dataTables_length {
1384
+ float: left;
1385
+ }
1386
+ div.ColVis_collectionBackground {
1387
+ background-color: transparent;
1388
+ }
1389
+ ul.ColVis_collection {
1390
+ padding: 10px 0px 0px 0px;
1391
+ background-color: #ffffff;
1392
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1393
+ border: none;
1394
+ }
1395
+ ul.ColVis_collection li {
1396
+ background: transparent !important;
1397
+ padding: 3px 10px !important;
1398
+ border: none !important;
1399
+ box-shadow: none !important;
1400
+ }
1401
+ #datatable-colvid_info {
1402
+ float: left;
1403
+ }
1404
+ /* JsGrid table */
1405
+ .jsgrid-cell {
1406
+ padding: .8em;
1407
+ }
1408
+ .jsgrid-selected-row > .jsgrid-cell {
1409
+ background: #f2f2f2;
1410
+ border-color: #ededed;
1411
+ }
1412
+ .jsgrid-selected-row > .jsgrid-cell .jsgrid-button {
1413
+ background-color: rgba(54, 64, 74, 0.1);
1414
+ }
1415
+ .jsgrid-edit-row > .jsgrid-cell,
1416
+ .jsgrid-insert-row > .jsgrid-cell {
1417
+ background: #f2f2f2;
1418
+ }
1419
+ .jsgrid-edit-row > .jsgrid-cell .jsgrid-button,
1420
+ .jsgrid-insert-row > .jsgrid-cell .jsgrid-button {
1421
+ background-color: rgba(54, 64, 74, 0.1);
1422
+ }
1423
+ .jsgrid input,
1424
+ .jsgrid select,
1425
+ .jsgrid textarea {
1426
+ border: 1px solid #e1e1e1;
1427
+ padding: .4em .6em;
1428
+ }
1429
+ .jsgrid-pager-container {
1430
+ margin-top: 10px;
1431
+ }
1432
+ .jsgrid-pager-page {
1433
+ padding: 0;
1434
+ margin: 0 2px;
1435
+ }
1436
+ .jsgrid-pager-page a,
1437
+ .jsgrid-pager-current-page {
1438
+ background-color: #eee;
1439
+ border-radius: 50%;
1440
+ height: 24px;
1441
+ width: 24px;
1442
+ display: inline-block;
1443
+ text-align: center;
1444
+ line-height: 24px;
1445
+ color: #797979;
1446
+ }
1447
+ .jsgrid-pager-page.jsgrid-pager-current-page {
1448
+ background-color: #5fbeaa;
1449
+ color: #ffffff;
1450
+ }
1451
+ .jsgrid-pager-nav-button a {
1452
+ color: #797979;
1453
+ font-weight: 600;
1454
+ }
1455
+ .jsgrid-pager-nav-button a:hover {
1456
+ color: #5fbeaa;
1457
+ }
1458
+ .jsgrid .jsgrid-button {
1459
+ width: 24px;
1460
+ height: 24px;
1461
+ border-radius: 50%;
1462
+ background-image: url("../images/download.png");
1463
+ background-color: #eee;
1464
+ }
1465
+ .jsgrid .jsgrid-button:hover {
1466
+ opacity: 0.9;
1467
+ background-color: rgba(54, 64, 74, 0.2);
1468
+ }
1469
+ .jsgrid-search-mode-button {
1470
+ background-position: 0 -295px;
1471
+ }
1472
+ .jsgrid-insert-button {
1473
+ background-position: 0 -160px;
1474
+ }
1475
+ .jsgrid-header-sort:before {
1476
+ position: absolute;
1477
+ }
1478
+ .jsgrid-header-cell {
1479
+ text-align: center !important;
1480
+ }
1481
+ /* =============
1482
+ Widgets
1483
+ ============= */
1484
+ /* Widget-box styles */
1485
+ .widget-box-1 i.inform {
1486
+ font-size: 20px;
1487
+ cursor: pointer;
1488
+ }
1489
+ .widget-box-1 h4 {
1490
+ margin-bottom: 5px;
1491
+ margin-top: 0px;
1492
+ }
1493
+ .widget-box-1 h2 {
1494
+ margin: 20px;
1495
+ font-weight: 600;
1496
+ }
1497
+ .widget-box-1 p {
1498
+ margin-bottom: 0px;
1499
+ }
1500
+ .widget-s-1 {
1501
+ border-radius: 6px;
1502
+ }
1503
+ /* Widget (background-icon) */
1504
+ .widget-bg-color-icon .bg-icon {
1505
+ height: 80px;
1506
+ width: 80px;
1507
+ text-align: center;
1508
+ -webkit-border-radius: 50%;
1509
+ border-radius: 50%;
1510
+ -moz-border-radius: 50%;
1511
+ background-clip: padding-box;
1512
+ }
1513
+ .widget-bg-color-icon .bg-icon i {
1514
+ font-size: 32px;
1515
+ line-height: 80px;
1516
+ }
1517
+ .widget-bg-color-icon .bg-icon-info {
1518
+ background-color: rgba(52, 211, 235, 0.2);
1519
+ border: 1px solid #34d3eb;
1520
+ }
1521
+ .widget-bg-color-icon .bg-icon-primary {
1522
+ background-color: rgba(93, 156, 236, 0.2);
1523
+ border: 1px solid #5d9cec;
1524
+ }
1525
+ .widget-bg-color-icon .bg-icon-pink {
1526
+ background-color: rgba(251, 109, 157, 0.2);
1527
+ border: 1px solid #fb6d9d;
1528
+ }
1529
+ .widget-bg-color-icon .bg-icon-purple {
1530
+ background-color: rgba(114, 102, 186, 0.2);
1531
+ border: 1px solid #7266ba;
1532
+ }
1533
+ .widget-bg-color-icon .bg-icon-success {
1534
+ background-color: rgba(129, 200, 104, 0.2);
1535
+ border: 1px solid #81c868;
1536
+ }
1537
+ .widget-bg-color-icon .bg-icon-custom {
1538
+ background-color: rgba(95, 190, 170, 0.2);
1539
+ border: 1px solid #5fbeaa;
1540
+ }
1541
+ .widget-bg-color-icon .bg-icon-warning {
1542
+ background-color: rgba(255, 189, 74, 0.2);
1543
+ border: 1px solid #ffbd4a;
1544
+ }
1545
+ .widget-bg-color-icon .bg-icon-danger {
1546
+ background-color: rgba(240, 80, 80, 0.2);
1547
+ border: 1px solid #f05050;
1548
+ }
1549
+ .widget-bg-color-icon .bg-icon-inverse {
1550
+ background-color: rgba(76, 86, 103, 0.2);
1551
+ border: 1px solid #4c5667;
1552
+ }
1553
+ .mini-stat-icon {
1554
+ -moz-border-radius: 100%;
1555
+ -webkit-border-radius: 100%;
1556
+ border-radius: 100%;
1557
+ background-color: rgba(255, 255, 255, 0.2);
1558
+ display: inline-block;
1559
+ float: left;
1560
+ font-size: 30px;
1561
+ height: 60px;
1562
+ line-height: 60px;
1563
+ margin-right: 10px;
1564
+ text-align: center;
1565
+ width: 60px;
1566
+ }
1567
+ .mini-stat-info {
1568
+ padding-top: 2px;
1569
+ color: #eeeeee;
1570
+ }
1571
+ .mini-stat-info span {
1572
+ color: #ffffff;
1573
+ display: block;
1574
+ font-size: 24px;
1575
+ font-weight: 600;
1576
+ }
1577
+ .mini-stat-info span.name {
1578
+ color: #ffffff;
1579
+ display: block;
1580
+ font-size: 18px;
1581
+ font-weight: 600;
1582
+ margin-top: 5px;
1583
+ }
1584
+ .widget-inline {
1585
+ padding: 20px 0px !important;
1586
+ }
1587
+ .widget-inline .col-lg-3 {
1588
+ padding: 0px;
1589
+ }
1590
+ .widget-inline .widget-inline-box {
1591
+ border-right: 1px solid #e3e8f1;
1592
+ padding: 20px;
1593
+ }
1594
+ .widget-inline .widget-inline-box i {
1595
+ font-size: 32px;
1596
+ }
1597
+ /* Inbox-widget */
1598
+ .inbox-widget .inbox-item {
1599
+ border-bottom: 1px solid #f1f1f1;
1600
+ overflow: hidden;
1601
+ padding: 10px 0;
1602
+ position: relative;
1603
+ }
1604
+ .inbox-widget .inbox-item .inbox-item-img {
1605
+ display: block;
1606
+ float: left;
1607
+ margin-right: 15px;
1608
+ width: 40px;
1609
+ }
1610
+ .inbox-widget .inbox-item img {
1611
+ width: 40px;
1612
+ }
1613
+ .inbox-widget .inbox-item .inbox-item-author {
1614
+ color: #333333;
1615
+ display: block;
1616
+ margin: 0;
1617
+ }
1618
+ .inbox-widget .inbox-item .inbox-item-text {
1619
+ color: #a0a0a0;
1620
+ display: block;
1621
+ font-size: 12px;
1622
+ margin: 0;
1623
+ }
1624
+ .inbox-widget .inbox-item .inbox-item-date {
1625
+ color: #a9a9a9;
1626
+ font-size: 11px;
1627
+ position: absolute;
1628
+ right: 7px;
1629
+ top: 2px;
1630
+ }
1631
+ /* Chat widget */
1632
+ .conversation-list {
1633
+ list-style: none;
1634
+ height: 332px;
1635
+ padding: 0px 20px;
1636
+ }
1637
+ .conversation-list li {
1638
+ margin-bottom: 24px;
1639
+ }
1640
+ .conversation-list .chat-avatar {
1641
+ display: inline-block;
1642
+ float: left;
1643
+ text-align: center;
1644
+ width: 42px;
1645
+ }
1646
+ .conversation-list .chat-avatar img {
1647
+ border-radius: 100%;
1648
+ width: 100%;
1649
+ }
1650
+ .conversation-list .chat-avatar i {
1651
+ font-size: 12px;
1652
+ font-style: normal;
1653
+ }
1654
+ .conversation-list .ctext-wrap {
1655
+ -moz-border-radius: 3px;
1656
+ -webkit-border-radius: 3px;
1657
+ background: #f4f8fb;
1658
+ border-radius: 3px;
1659
+ display: inline-block;
1660
+ padding: 12px;
1661
+ position: relative;
1662
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
1663
+ }
1664
+ .conversation-list .ctext-wrap i {
1665
+ color: #1a2942;
1666
+ display: block;
1667
+ font-size: 12px;
1668
+ font-style: normal;
1669
+ font-weight: bold;
1670
+ position: relative;
1671
+ }
1672
+ .conversation-list .ctext-wrap p {
1673
+ margin: 0px;
1674
+ padding-top: 3px;
1675
+ }
1676
+ .conversation-list .ctext-wrap:after {
1677
+ right: 100%;
1678
+ top: 0%;
1679
+ border: solid transparent;
1680
+ content: " ";
1681
+ height: 0;
1682
+ width: 0;
1683
+ position: absolute;
1684
+ pointer-events: none;
1685
+ border-top-color: #f4f8fb;
1686
+ border-width: 8px;
1687
+ margin-left: -1px;
1688
+ border-right-color: #f4f8fb;
1689
+ }
1690
+ .conversation-list .conversation-text {
1691
+ display: inline-block;
1692
+ float: left;
1693
+ font-size: 12px;
1694
+ margin-left: 12px;
1695
+ width: 70%;
1696
+ }
1697
+ .conversation-list .odd .chat-avatar {
1698
+ float: right !important;
1699
+ }
1700
+ .conversation-list .odd .conversation-text {
1701
+ float: right !important;
1702
+ margin-right: 12px;
1703
+ text-align: right;
1704
+ width: 70% !important;
1705
+ }
1706
+ .conversation-list .odd .ctext-wrap:after {
1707
+ border-color: rgba(238, 238, 242, 0) !important;
1708
+ border-left-color: #f4f8fb !important;
1709
+ border-top-color: #f4f8fb !important;
1710
+ left: 100% !important;
1711
+ margin-right: -1px;
1712
+ }
1713
+ .chat-send {
1714
+ padding-left: 0px;
1715
+ padding-right: 30px;
1716
+ }
1717
+ .chat-send button {
1718
+ width: 100%;
1719
+ }
1720
+ .chat-inputbar {
1721
+ padding-left: 30px;
1722
+ }
1723
+ /* Todos widget */
1724
+ #todo-message {
1725
+ font-size: 16px;
1726
+ }
1727
+ .todo-list li {
1728
+ border-radius: 0px;
1729
+ border: 0px;
1730
+ margin: 0px;
1731
+ padding: 1px;
1732
+ color: #98a6ad;
1733
+ }
1734
+ .todo-list li:last-of-type {
1735
+ border-bottom: none;
1736
+ }
1737
+ .todo-send {
1738
+ padding-left: 0px;
1739
+ }
1740
+ /* Widget-chart */
1741
+ .widget-chart ul li {
1742
+ width: 31.5%;
1743
+ display: inline-block;
1744
+ padding: 0px;
1745
+ }
1746
+ .widget-panel {
1747
+ padding: 30px 20px;
1748
+ padding-left: 30px;
1749
+ border-radius: 4px;
1750
+ position: relative;
1751
+ margin-bottom: 20px;
1752
+ }
1753
+ .widget-panel i {
1754
+ font-size: 60px;
1755
+ padding: 30px;
1756
+ background: rgba(255, 255, 255, 0.2);
1757
+ position: absolute;
1758
+ right: 0px;
1759
+ bottom: 0px;
1760
+ top: 0px;
1761
+ line-height: 60px;
1762
+ }
1763
+ .widget-style-2 i {
1764
+ background: rgba(244, 248, 251, 0.6) !important;
1765
+ font-size: 48px;
1766
+ padding: 30px 40px;
1767
+ }
1768
+ /* Google maps widget*/
1769
+ .gmap iframe {
1770
+ width: 100%;
1771
+ margin: 0px !important;
1772
+ padding: 0px !important;
1773
+ }
1774
+ .gmap-info:before {
1775
+ color: #333333;
1776
+ content: "\f041";
1777
+ font-family: "FontAwesome";
1778
+ font-size: 35px;
1779
+ left: 10px;
1780
+ position: absolute;
1781
+ top: 8px;
1782
+ }
1783
+ .gmap-info {
1784
+ float: left;
1785
+ padding: 0 20px 0 50px;
1786
+ position: relative;
1787
+ }
1788
+ .gmap-buttons {
1789
+ float: right;
1790
+ margin-top: 28px;
1791
+ }
1792
+ .gmap-buttons .btn {
1793
+ margin-left: 3px;
1794
+ }
1795
+ /* Google maps ends */
1796
+ /* Table with Action */
1797
+ .table-actions-bar tr td {
1798
+ vertical-align: middle !important;
1799
+ }
1800
+ .table-actions-bar .table-action-btn {
1801
+ color: #98a6ad;
1802
+ display: inline-block;
1803
+ width: 28px;
1804
+ border-radius: 50%;
1805
+ text-align: center;
1806
+ line-height: 24px;
1807
+ font-size: 20px;
1808
+ }
1809
+ .table-actions-bar .table-action-btn:hover {
1810
+ color: #5fbeaa;
1811
+ border-color: #5fbeaa;
1812
+ }
1813
+ /* Transaction */
1814
+ .transaction-list li {
1815
+ padding: 7px 0px;
1816
+ border-bottom: 1px solid #ebeff2;
1817
+ clear: both;
1818
+ position: relative;
1819
+ }
1820
+ .transaction-list i {
1821
+ width: 20px;
1822
+ position: absolute;
1823
+ top: 10px;
1824
+ font-size: 12px;
1825
+ }
1826
+ .transaction-list .tran-text {
1827
+ padding-left: 25px;
1828
+ white-space: nowrap;
1829
+ display: inline-block;
1830
+ overflow: hidden;
1831
+ text-overflow: ellipsis;
1832
+ width: 115px;
1833
+ }
1834
+ .transaction-list .tran-price {
1835
+ margin-left: 30px;
1836
+ }
1837
+ /* Friend list */
1838
+ .friend-list a {
1839
+ margin: 5px;
1840
+ display: inline-block;
1841
+ }
1842
+ .friend-list .extra-number {
1843
+ height: 48px;
1844
+ width: 48px;
1845
+ display: block;
1846
+ line-height: 48px;
1847
+ color: #98a6ad;
1848
+ font-weight: 700;
1849
+ background-color: #ebeff2;
1850
+ border-radius: 50%;
1851
+ border: 1px solid #98a6ad;
1852
+ }
1853
+ /* Profile widget */
1854
+ .profile-widget .bg-profile {
1855
+ height: 125px;
1856
+ }
1857
+ .profile-widget .img-thumbnail {
1858
+ margin-top: -42px;
1859
+ border: none;
1860
+ }
1861
+ .profile-widget .widget-list {
1862
+ padding: 10px;
1863
+ margin-top: 20px;
1864
+ margin-left: 0px;
1865
+ padding-bottom: 30px;
1866
+ }
1867
+ .profile-widget .widget-list span {
1868
+ display: block;
1869
+ font-weight: bold;
1870
+ font-size: 18px;
1871
+ }
1872
+ /* Bar widget */
1873
+ .bar-widget .iconbox {
1874
+ display: inline-block;
1875
+ height: 50px;
1876
+ width: 50px;
1877
+ margin-right: 20px;
1878
+ -webkit-border-radius: 50%;
1879
+ border-radius: 50%;
1880
+ -moz-border-radius: 50%;
1881
+ background-clip: padding-box;
1882
+ color: #ffffff;
1883
+ text-align: center;
1884
+ }
1885
+ .bar-widget .iconbox i {
1886
+ line-height: 50px;
1887
+ font-size: 20px;
1888
+ }
1889
+ /* Social type widgets */
1890
+ .widget-profile-one .card-box {
1891
+ border-radius: 0px;
1892
+ }
1893
+ .widget-profile-one .card-box:first-of-type {
1894
+ border-top-left-radius: 4px !important;
1895
+ border-top-right-radius: 4px !important;
1896
+ }
1897
+ .widget-profile-one .card-box:last-of-type {
1898
+ border-bottom-left-radius: 4px !important;
1899
+ border-bottom-right-radius: 4px !important;
1900
+ }
1901
+ .social-feed-box h3 {
1902
+ font-size: 18px;
1903
+ font-style: italic;
1904
+ }
1905
+ .widget-box-two {
1906
+ border-bottom-left-radius: 3px !important;
1907
+ border-bottom-right-radius: 3px !important;
1908
+ }
1909
+ .social-feed-slider {
1910
+ padding-bottom: 50px;
1911
+ }
1912
+ .social-feed-slider .carousel-indicators {
1913
+ bottom: 0px;
1914
+ }
1915
+ .pro-widget-img {
1916
+ border-top-left-radius: 4px !important;
1917
+ border-top-right-radius: 4px !important;
1918
+ padding: 70px 0px;
1919
+ background-size: cover;
1920
+ background: url("../images/big/bg.jpg") center right no-repeat;
1921
+ }
1922
+ /* Blog styles */
1923
+ .blog-box-one {
1924
+ margin-bottom: 20px;
1925
+ }
1926
+ .blog-box-one .cover-wrapper {
1927
+ overflow: hidden;
1928
+ width: 100%;
1929
+ position: relative;
1930
+ z-index: 1;
1931
+ border-top-left-radius: 4px !important;
1932
+ border-top-right-radius: 4px !important;
1933
+ }
1934
+ .blog-box-one .cover-wrapper img {
1935
+ transition: all .3s ease;
1936
+ -webkit-transition: all .3s ease;
1937
+ -moz-transition: all .3s ease;
1938
+ border-top-left-radius: 4px !important;
1939
+ border-top-right-radius: 4px !important;
1940
+ }
1941
+ .blog-box-one .cover-wrapper:hover img {
1942
+ -ms-transform: scale(1.1, 1.1);
1943
+ -webkit-transform: scale(1.1, 1.1);
1944
+ transform: scale(1.1, 1.1);
1945
+ }
1946
+ .blog-box-one .post-info {
1947
+ background-color: #ffffff;
1948
+ padding: 20px;
1949
+ border-bottom-left-radius: 4px !important;
1950
+ border-bottom-right-radius: 4px !important;
1951
+ }
1952
+ .blog-box-one .post-info .date {
1953
+ float: left;
1954
+ border-bottom: 3px solid #71b6f9 ;
1955
+ }
1956
+ .post-info .date .day {
1957
+ font-size: 22px;
1958
+ color: #333;
1959
+ font-weight: 600;
1960
+ line-height: 22px;
1961
+ }
1962
+ .post-info .date .month {
1963
+ text-transform: uppercase;
1964
+ text-align: center;
1965
+ width: 100%;
1966
+ display: inline-block;
1967
+ }
1968
+ .blog-box-one .meta {
1969
+ padding-left: 0px;
1970
+ }
1971
+ .blog-box-one .post-info .meta-container {
1972
+ padding-left: 55px;
1973
+ }
1974
+ .blog-box-one .post-info p {
1975
+ margin-top: 15px;
1976
+ }
1977
+ .blog-widget-action a {
1978
+ color: #98a6ad;
1979
+ display: inline-block;
1980
+ margin-right: 10px;
1981
+ }
1982
+ /* =============
1983
+ Form elements
1984
+ ============= */
1985
+ .error {
1986
+ color: #f05050;
1987
+ font-size: 12px;
1988
+ font-weight: 500;
1989
+ }
1990
+ /* Form validation */
1991
+ .parsley-error {
1992
+ border-color: #f05050 !important;
1993
+ }
1994
+ .parsley-errors-list {
1995
+ display: none;
1996
+ margin: 0;
1997
+ padding: 0;
1998
+ }
1999
+ .parsley-errors-list.filled {
2000
+ display: block;
2001
+ }
2002
+ .parsley-errors-list > li {
2003
+ font-size: 12px;
2004
+ list-style: none;
2005
+ color: #f6504d;
2006
+ }
2007
+ /* Datepicker */
2008
+ .datepicker {
2009
+ padding: 8px;
2010
+ }
2011
+ .datepicker th {
2012
+ font-size: 14px !important;
2013
+ }
2014
+ .datepicker table tr td.today,
2015
+ .datepicker table tr td.today:hover,
2016
+ .datepicker table tr td.today.disabled,
2017
+ .datepicker table tr td.today.disabled:hover,
2018
+ .datepicker table tr td.selected,
2019
+ .datepicker table tr td.selected:hover,
2020
+ .datepicker table tr td.selected.disabled,
2021
+ .datepicker table tr td.selected.disabled:hover,
2022
+ .datepicker table tr td span.active,
2023
+ .datepicker table tr td span.active:hover,
2024
+ .datepicker table tr td span.active.disabled,
2025
+ .datepicker table tr td span.active.disabled:hover {
2026
+ background-image: none;
2027
+ }
2028
+ .datepicker table tr td span.active:hover,
2029
+ .datepicker table tr td span.active:hover:hover,
2030
+ .datepicker table tr td span.active.disabled:hover,
2031
+ .datepicker table tr td span.active.disabled:hover:hover,
2032
+ .datepicker table tr td span.active:active,
2033
+ .datepicker table tr td span.active:hover:active,
2034
+ .datepicker table tr td span.active.disabled:active,
2035
+ .datepicker table tr td span.active.disabled:hover:active,
2036
+ .datepicker table tr td span.active.active,
2037
+ .datepicker table tr td span.active:hover.active,
2038
+ .datepicker table tr td span.active.disabled.active,
2039
+ .datepicker table tr td span.active.disabled:hover.active,
2040
+ .datepicker table tr td span.active.disabled,
2041
+ .datepicker table tr td span.active:hover.disabled,
2042
+ .datepicker table tr td span.active.disabled.disabled,
2043
+ .datepicker table tr td span.active.disabled:hover.disabled,
2044
+ .datepicker table tr td span.active[disabled],
2045
+ .datepicker table tr td span.active:hover[disabled],
2046
+ .datepicker table tr td span.active.disabled[disabled],
2047
+ .datepicker table tr td span.active.disabled:hover[disabled] {
2048
+ background-color: #5fbeaa;
2049
+ }
2050
+ .datepicker table tr td.active,
2051
+ .datepicker table tr td.active:hover,
2052
+ .datepicker table tr td.active.disabled,
2053
+ .datepicker table tr td.active.disabled:hover {
2054
+ background-color: #5fbeaa !important;
2055
+ background-image: none;
2056
+ box-shadow: none;
2057
+ text-shadow: none;
2058
+ }
2059
+ .datepicker thead tr:first-child th:hover,
2060
+ .datepicker tfoot tr th:hover {
2061
+ background-color: #fafafa;
2062
+ }
2063
+ .datepicker-inline {
2064
+ border: 2px solid #eeeeee;
2065
+ }
2066
+ .daterangepicker td.active,
2067
+ .daterangepicker td.active:hover {
2068
+ background-color: #5d9cec;
2069
+ border-color: #5d9cec;
2070
+ }
2071
+ .daterangepicker .input-mini.active {
2072
+ border: 1px solid #AAAAAA;
2073
+ }
2074
+ .daterangepicker .ranges li {
2075
+ -webkit-border-radius: 2px;
2076
+ border-radius: 2px;
2077
+ -moz-border-radius: 2px;
2078
+ background-clip: padding-box;
2079
+ color: #36404a;
2080
+ font-weight: 600;
2081
+ font-size: 12px;
2082
+ }
2083
+ .daterangepicker select.hourselect,
2084
+ .daterangepicker select.minuteselect,
2085
+ .daterangepicker select.secondselect,
2086
+ .daterangepicker select.ampmselect {
2087
+ border: 1px solid #e3e3e3;
2088
+ padding: 2px;
2089
+ width: 60px;
2090
+ }
2091
+ .daterangepicker .ranges li.active,
2092
+ .daterangepicker .ranges li:hover {
2093
+ background-color: #5d9cec;
2094
+ border: 1px solid #5d9cec;
2095
+ color: #ffffff;
2096
+ }
2097
+ .search-input {
2098
+ margin-bottom: 10px;
2099
+ }
2100
+ .ms-selectable {
2101
+ box-shadow: none;
2102
+ outline: none !important;
2103
+ }
2104
+ .ms-container .ms-list.ms-focus {
2105
+ box-shadow: none;
2106
+ }
2107
+ .ms-container .ms-selectable li.ms-hover {
2108
+ background-color: #5d9cec;
2109
+ }
2110
+ .ms-container .ms-selection li.ms-hover {
2111
+ background-color: #5d9cec;
2112
+ }
2113
+ .note-editor {
2114
+ border: 1px solid #eeeeee !important;
2115
+ position: relative;
2116
+ }
2117
+ .note-editor .note-toolbar {
2118
+ background-color: #f4f8fb;
2119
+ border-bottom: 1px solid #eeeeee;
2120
+ margin: 0;
2121
+ }
2122
+ .note-editor .note-statusbar {
2123
+ background-color: #ffffff;
2124
+ }
2125
+ .note-editor .note-statusbar .note-resizebar {
2126
+ border-top: none;
2127
+ height: 15px;
2128
+ padding-top: 3px;
2129
+ }
2130
+ .note-popover .popover .popover-content {
2131
+ padding: 5px 0 10px 5px;
2132
+ }
2133
+ .note-toolbar {
2134
+ padding: 5px 0 10px 5px;
2135
+ }
2136
+ .code-edit-wrap {
2137
+ padding: 0px !important;
2138
+ }
2139
+ .cm-s-ambiance .CodeMirror-linenumber {
2140
+ color: #bcbcbc;
2141
+ }
2142
+ .cm-s-ambiance .CodeMirror-gutters {
2143
+ background-color: #4c5667 !important;
2144
+ box-shadow: none;
2145
+ }
2146
+ .cm-s-ambiance.CodeMirror {
2147
+ background-color: #4c5667 !important;
2148
+ box-shadow: none;
2149
+ }
2150
+ /* Timepicker */
2151
+ .bootstrap-timepicker-widget table td a:hover {
2152
+ background-color: transparent;
2153
+ border-color: transparent;
2154
+ border-radius: 4px;
2155
+ color: #5d9cec;
2156
+ text-decoration: none;
2157
+ }
2158
+ .editor-horizontal .popover-content {
2159
+ padding: 9px 30px;
2160
+ }
2161
+ /* Wizard */
2162
+ .wizard > .content {
2163
+ background: #ffffff;
2164
+ min-height: 240px;
2165
+ padding: 20px;
2166
+ }
2167
+ .wizard > .content > .body {
2168
+ padding: 0px;
2169
+ position: relative;
2170
+ }
2171
+ .wizard > .content > .body input {
2172
+ border: 1px solid #E3E3E3;
2173
+ }
2174
+ .wizard > .content > .body ul > li {
2175
+ display: block;
2176
+ line-height: 30px;
2177
+ }
2178
+ .wizard > .content > .body label.error {
2179
+ color: #f05050;
2180
+ margin-left: 0;
2181
+ }
2182
+ .wizard > .content > .body label {
2183
+ display: inline-block;
2184
+ margin-top: 10px;
2185
+ }
2186
+ .wizard > .steps .number {
2187
+ border-radius: 50%;
2188
+ background-color: rgba(255, 255, 255, 0.3);
2189
+ display: inline-block;
2190
+ line-height: 30px;
2191
+ margin-right: 10px;
2192
+ width: 30px;
2193
+ text-align: center;
2194
+ }
2195
+ .wizard > .steps .disabled a {
2196
+ background: #ffffff;
2197
+ color: #333333;
2198
+ cursor: default;
2199
+ border: 1px solid #eaeaea;
2200
+ }
2201
+ .wizard > .steps .disabled a:hover {
2202
+ background: #f9f9f9;
2203
+ color: #333333;
2204
+ cursor: default;
2205
+ border: 1px solid #eaeaea;
2206
+ }
2207
+ .wizard > .steps .disabled a:active {
2208
+ background: #f9f9f9;
2209
+ color: #333333;
2210
+ cursor: default;
2211
+ border: 1px solid #eaeaea;
2212
+ }
2213
+ .wizard > .steps .current a {
2214
+ background: #5fbeaa;
2215
+ }
2216
+ .wizard > .steps .current a:hover {
2217
+ background: #5fbeaa;
2218
+ }
2219
+ .wizard > .steps .current a:hover .number {
2220
+ color: #ffffff;
2221
+ }
2222
+ .wizard > .steps .current a:active {
2223
+ background: #5fbeaa;
2224
+ }
2225
+ .wizard > .steps .current a:active .number {
2226
+ color: #ffffff;
2227
+ }
2228
+ .wizard > .steps .current a .number {
2229
+ color: #ffffff;
2230
+ }
2231
+ .wizard > .steps .done a {
2232
+ background: #7a8c9a;
2233
+ }
2234
+ .wizard > .steps .done a:hover {
2235
+ background: #7a8c9a;
2236
+ }
2237
+ .wizard > .steps .done a:active {
2238
+ background: #7a8c9a;
2239
+ }
2240
+ .wizard > .steps a,
2241
+ .wizard > .steps a:hover,
2242
+ .wizard > .steps a:active,
2243
+ .wizard > .content {
2244
+ border-radius: 2px;
2245
+ }
2246
+ .wizard > .actions a {
2247
+ background: #5fbeaa;
2248
+ border-radius: 2px;
2249
+ color: #ffffff;
2250
+ }
2251
+ .wizard > .actions a:hover {
2252
+ background: #5fbeaa;
2253
+ border-radius: 2px;
2254
+ color: #ffffff;
2255
+ }
2256
+ .wizard > .actions a:active {
2257
+ background: #5fbeaa;
2258
+ border-radius: 2px;
2259
+ color: #ffffff;
2260
+ }
2261
+ .wizard > .actions .disabled a {
2262
+ background: #ffffff;
2263
+ color: #333333;
2264
+ cursor: default;
2265
+ border: 1px solid #eaeaea;
2266
+ }
2267
+ .wizard > .actions .disabled a:hover {
2268
+ background: #f9f9f9;
2269
+ color: #333333;
2270
+ cursor: default;
2271
+ border: 1px solid #eaeaea;
2272
+ }
2273
+ .wizard > .actions .disabled a:active {
2274
+ background: #f9f9f9;
2275
+ color: #333333;
2276
+ cursor: default;
2277
+ border: 1px solid #eaeaea;
2278
+ }
2279
+ /* Dropzone */
2280
+ .dropzone {
2281
+ min-height: 230px;
2282
+ border: 2px dashed rgba(0, 0, 0, 0.3);
2283
+ background: white;
2284
+ border-radius: 6px;
2285
+ }
2286
+ .dropzone .dz-message {
2287
+ font-size: 30px;
2288
+ }
2289
+ /* X-Editable */
2290
+ .editable-click,
2291
+ a.editable-click,
2292
+ a.editable-click:hover {
2293
+ border: none;
2294
+ }
2295
+ /* AUTOCOMPLETE */
2296
+ .autocomplete-suggestions {
2297
+ border: 1px solid #f9f9f9;
2298
+ background: #ffffff;
2299
+ cursor: default;
2300
+ overflow: auto;
2301
+ -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
2302
+ -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
2303
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
2304
+ }
2305
+ .autocomplete-suggestion {
2306
+ padding: 2px 5px;
2307
+ white-space: nowrap;
2308
+ overflow: hidden;
2309
+ }
2310
+ .autocomplete-no-suggestion {
2311
+ padding: 2px 5px;
2312
+ }
2313
+ .autocomplete-selected {
2314
+ background: rgba(152, 166, 173, 0.3);
2315
+ cursor: pointer;
2316
+ }
2317
+ .autocomplete-suggestions strong {
2318
+ font-weight: bold;
2319
+ color: #36404a;
2320
+ }
2321
+ .autocomplete-group {
2322
+ padding: 2px 5px;
2323
+ }
2324
+ .autocomplete-group strong {
2325
+ font-weight: bold;
2326
+ font-size: 16px;
2327
+ color: #36404a;
2328
+ display: block;
2329
+ }
2330
+ /* Image crop */
2331
+ .img-container,
2332
+ .img-preview {
2333
+ background-color: #f7f7f7;
2334
+ overflow: hidden;
2335
+ width: 100%;
2336
+ text-align: center;
2337
+ }
2338
+ .img-container {
2339
+ min-height: 200px;
2340
+ max-height: 466px;
2341
+ margin-bottom: 20px;
2342
+ }
2343
+ @media (min-width: 768px) {
2344
+ .img-container {
2345
+ min-height: 466px;
2346
+ }
2347
+ }
2348
+ .img-container > img {
2349
+ max-width: 100%;
2350
+ }
2351
+ .docs-preview {
2352
+ margin-right: -15px;
2353
+ margin-bottom: 10px;
2354
+ }
2355
+ .img-preview {
2356
+ float: left;
2357
+ margin-right: 10px;
2358
+ margin-bottom: 10px;
2359
+ }
2360
+ .img-preview > img {
2361
+ max-width: 100%;
2362
+ }