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,2039 @@
1
+ /*
2
+ Template Name: UBold Dashboard
3
+ Author: CoderThemes
4
+ Email: coderthemes@gmail.com
5
+ File: Pages
6
+ */
7
+ /* =============
8
+ == Pages List==
9
+
10
+ - Calendar
11
+ - Form Elements
12
+ - Notification
13
+ - Range slider
14
+ - Sweet Alert
15
+ - Charts
16
+ - Timelines
17
+ - Count down
18
+ - Email
19
+ - Gallery
20
+ - Maintenance
21
+ - Maps
22
+ - Nestable list
23
+ - Pricing
24
+ - Profile
25
+ - Extra pages
26
+ - Account pages
27
+ - Tree View
28
+ - Tour
29
+ - Taskboard
30
+
31
+ ============= */
32
+ /* =============
33
+ Calendar
34
+ ============= */
35
+ .calendar {
36
+ float: left;
37
+ margin-bottom: 0;
38
+ }
39
+ .fc-view {
40
+ margin-top: 30px;
41
+ }
42
+ .none-border .modal-footer {
43
+ border-top: none;
44
+ }
45
+ .fc-toolbar {
46
+ margin-bottom: 5px;
47
+ margin-top: 15px;
48
+ }
49
+ .fc-toolbar h2 {
50
+ font-size: 18px;
51
+ font-weight: 600;
52
+ line-height: 30px;
53
+ text-transform: uppercase;
54
+ }
55
+ .fc-day {
56
+ background: #ffffff;
57
+ }
58
+ .fc-toolbar .fc-state-active,
59
+ .fc-toolbar .ui-state-active,
60
+ .fc-toolbar button:focus,
61
+ .fc-toolbar button:hover,
62
+ .fc-toolbar .ui-state-hover {
63
+ z-index: 0;
64
+ }
65
+ .fc-widget-header {
66
+ border: 1px solid #ebeff2;
67
+ }
68
+ .fc-widget-content {
69
+ border: 1px solid #ebeff2;
70
+ }
71
+ .fc th.fc-widget-header {
72
+ background: #ebeff2;
73
+ font-size: 14px;
74
+ line-height: 20px;
75
+ padding: 10px 0px;
76
+ text-transform: uppercase;
77
+ }
78
+ .fc-button {
79
+ background: #ffffff;
80
+ border: 1px solid #ebeff2;
81
+ color: #555555;
82
+ text-transform: capitalize;
83
+ }
84
+ .fc-text-arrow {
85
+ font-family: inherit;
86
+ font-size: 16px;
87
+ }
88
+ .fc-state-hover {
89
+ background: #F5F5F5;
90
+ }
91
+ .fc-state-highlight {
92
+ background: #f0f0f0;
93
+ }
94
+ .fc-cell-overlay {
95
+ background: #f0f0f0;
96
+ }
97
+ .fc-unthemed .fc-today {
98
+ background: #ffffff;
99
+ }
100
+ .fc-event {
101
+ border-radius: 2px;
102
+ border: none;
103
+ cursor: move;
104
+ font-size: 13px;
105
+ margin: 5px 7px;
106
+ padding: 5px 5px;
107
+ text-align: center;
108
+ }
109
+ .external-event {
110
+ color: #ffffff;
111
+ cursor: move;
112
+ margin: 10px 0;
113
+ padding: 6px 10px;
114
+ }
115
+ .fc-basic-view td.fc-week-number span {
116
+ padding-right: 5px;
117
+ }
118
+ .fc-basic-view td.fc-day-number {
119
+ padding-right: 5px;
120
+ }
121
+ /* =============
122
+ Form Advanced
123
+ ============= */
124
+ /* Bootstrap tagsinput */
125
+ .bootstrap-tagsinput {
126
+ box-shadow: none;
127
+ padding: 3px 7px 6px;
128
+ border: 1px solid #e3e3e3;
129
+ }
130
+ .bootstrap-tagsinput .label-info {
131
+ background-color: #5fbeaa !important;
132
+ display: inline-block;
133
+ padding: 5px;
134
+ }
135
+ /* Multiple */
136
+ .ms-container {
137
+ background: transparent url('../images/multiple-arrow.png') no-repeat 50% 50%;
138
+ }
139
+ .ms-container .ms-list {
140
+ box-shadow: none;
141
+ border: 1px solid #e3e3e3;
142
+ }
143
+ .ms-container .ms-list.ms-focus {
144
+ box-shadow: none;
145
+ border: 1px solid #aaaaaa;
146
+ }
147
+ .ms-container .ms-selectable li.ms-elem-selectable {
148
+ border: none;
149
+ padding: 5px 10px;
150
+ }
151
+ .ms-container .ms-selection li.ms-elem-selection {
152
+ border: none;
153
+ padding: 5px 10px;
154
+ }
155
+ /* Select 2 */
156
+ .select2-container {
157
+ width: 100% !important;
158
+ }
159
+ .select2-container .select2-selection--single {
160
+ border: 1px solid #E3E3E3 !important;
161
+ height: 38px !important;
162
+ }
163
+ .select2-container .select2-selection--single .select2-selection__rendered {
164
+ line-height: 36px !important;
165
+ padding-left: 12px !important;
166
+ }
167
+ .select2-container .select2-selection--single .select2-selection__arrow {
168
+ height: 34px;
169
+ width: 34px;
170
+ right: 3px;
171
+ }
172
+ .select2-container .select2-selection--single .select2-selection__arrow b {
173
+ border-color: #999 transparent transparent transparent;
174
+ border-width: 6px 6px 0 6px;
175
+ }
176
+ .select2-container--open .select2-selection--single .select2-selection__arrow b {
177
+ border-color: transparent transparent #999 transparent !important;
178
+ border-width: 0 6px 6px 6px !important;
179
+ }
180
+ .select2-container--default .select2-results__option--highlighted[aria-selected] {
181
+ background-color: #5fbeaa;
182
+ }
183
+ .select2-results__option {
184
+ padding: 6px 12px;
185
+ }
186
+ .select2-dropdown {
187
+ border: 1px solid #e3e3e3 !important;
188
+ padding-top: 5px;
189
+ -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
190
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
191
+ -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
192
+ }
193
+ .select2-search input {
194
+ border: 1px solid #e3e3e3 !important;
195
+ }
196
+ .select2-container .select2-selection--multiple {
197
+ min-height: 38px !important;
198
+ border: 1px solid #e3e3e3 !important;
199
+ }
200
+ .select2-container .select2-selection--multiple .select2-selection__rendered {
201
+ padding: 2px 10px;
202
+ }
203
+ .select2-container .select2-selection--multiple .select2-search__field {
204
+ margin-top: 7px;
205
+ border: 0 !important;
206
+ }
207
+ .select2-container .select2-selection--multiple .select2-selection__choice {
208
+ background-color: #f5f5f5;
209
+ border: 1px solid #e3e3e3;
210
+ border-radius: 1px;
211
+ padding: 0 7px;
212
+ }
213
+ /* Bootstrap-select */
214
+ .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
215
+ width: 100% !important;
216
+ }
217
+ .bootstrap-select .dropdown-toggle:focus {
218
+ outline: none !important;
219
+ }
220
+ .bootstrap-select .glyphicon {
221
+ padding-right: 6px;
222
+ }
223
+ /* Bootstrap filestyle */
224
+ .icon-span-filestyle {
225
+ padding-right: 5px;
226
+ }
227
+ /* Bootstrap-touchSpin */
228
+ .bootstrap-touchspin .input-group-btn-vertical .btn {
229
+ padding: 9px 12px;
230
+ }
231
+ .bootstrap-touchspin .input-group-btn-vertical i {
232
+ top: 4px;
233
+ left: 8px;
234
+ }
235
+ /* Wysiwig */
236
+ .mce-content-body p {
237
+ color: #9398a0;
238
+ font-size: 14px;
239
+ font-weight: 300;
240
+ }
241
+ .mce-popover .mce-arrow:after {
242
+ border-bottom-color: red;
243
+ }
244
+ .mce-popover .mce-colorbutton-grid {
245
+ margin: 0px;
246
+ border: 1px solid #d7dce5 !important;
247
+ padding: 4px;
248
+ }
249
+ .mce-reset .mce-window-head {
250
+ border-bottom: 1px solid #d7dce5;
251
+ }
252
+ .mce-reset .mce-window-head .mce-title {
253
+ color: #707780;
254
+ font-size: 16px;
255
+ font-weight: 400;
256
+ }
257
+ .mce-reset .mce-textbox {
258
+ border-radius: 0px;
259
+ box-shadow: none;
260
+ outline: 0;
261
+ border-color: #d7dce5;
262
+ height: 30px;
263
+ font-weight: 300;
264
+ line-height: 30px;
265
+ color: #aaaaaa;
266
+ font-size: 14px;
267
+ }
268
+ .mce-reset .mce-textbox:focus {
269
+ box-shadow: none;
270
+ border-color: #5fbeaa;
271
+ }
272
+ .mce-reset .mce-checkbox .mce-ico {
273
+ background-image: none;
274
+ background-color: #ffffff;
275
+ border-radius: 0px;
276
+ border: 1px solid #d7dce5;
277
+ }
278
+ .mce-reset .mce-checkbox .mce-label {
279
+ color: #707780;
280
+ font-size: 12px;
281
+ font-weight: 400;
282
+ }
283
+ .mce-container {
284
+ border-radius: 0px !important;
285
+ border-width: 0px !important;
286
+ }
287
+ .mce-container .mce-menubar {
288
+ background-color: #f2f4f7 !important;
289
+ border: 1px solid #d7dce5 !important;
290
+ padding: 2px;
291
+ }
292
+ .mce-container .mce-menubar .mce-btn button span {
293
+ color: #707780;
294
+ font-size: 14px;
295
+ font-weight: 400;
296
+ text-transform: capitalize;
297
+ }
298
+ .mce-container .mce-menubar .mce-btn button .mce-caret {
299
+ border-top-color: #707780;
300
+ }
301
+ .mce-container .mce-menubar .mce-btn button:hover {
302
+ background-color: #e8ebf1;
303
+ }
304
+ .mce-container .mce-menubar .mce-btn.mce-active button {
305
+ background-color: #e8ebf1;
306
+ }
307
+ .mce-container .mce-btn {
308
+ background-color: #d7dce5;
309
+ background-image: none;
310
+ outline: 0;
311
+ border: 0px;
312
+ border-radius: 0px;
313
+ }
314
+ .mce-container .mce-btn button {
315
+ color: #ffffff;
316
+ font-size: 14px;
317
+ font-weight: 400;
318
+ text-shadow: none;
319
+ }
320
+ .mce-container .mce-btn:hover {
321
+ background-color: #b8c1d1;
322
+ background-image: none;
323
+ }
324
+ .mce-container .mce-primary {
325
+ background-color: #5fbeaa;
326
+ background-image: none;
327
+ outline: 0;
328
+ border: 0px;
329
+ border-radius: 0px;
330
+ }
331
+ .mce-container .mce-primary button {
332
+ color: #ffffff;
333
+ font-size: 14px;
334
+ font-weight: 400;
335
+ text-shadow: none;
336
+ }
337
+ .mce-container .mce-primary:hover {
338
+ background-color: #0c7cd5;
339
+ background-image: none;
340
+ }
341
+ .mce-container .mce-toolbar-grp {
342
+ background-color: #f2f4f7 !important;
343
+ border: 1px solid #d7dce5 !important;
344
+ border-top-width: 0px !important;
345
+ padding: 6px;
346
+ }
347
+ .mce-container .mce-edit-area {
348
+ border: 1px solid #d7dce5 !important;
349
+ border-width: 0px 1px !important;
350
+ }
351
+ .mce-container .mce-statusbar {
352
+ background-color: #f2f4f7 !important;
353
+ border: 1px solid #d7dce5 !important;
354
+ }
355
+ .mce-container .mce-statusbar .mce-path .mce-path-item {
356
+ color: #707780;
357
+ font-size: 14px;
358
+ font-weight: 400;
359
+ }
360
+ .mce-container .mce-widget {
361
+ color: #9398a0;
362
+ font-size: 14px;
363
+ font-weight: 400;
364
+ border-left: 1px solid transparent;
365
+ }
366
+ .mce-container .mce-btn-group {
367
+ border: 1px solid #e9ecf2 !important;
368
+ }
369
+ .mce-container .mce-btn-group .mce-btn {
370
+ box-shadow: none;
371
+ background-image: none;
372
+ background-color: #ffffff;
373
+ border-width: 0px;
374
+ border-radius: 0px !important;
375
+ }
376
+ .mce-container .mce-btn-group .mce-btn:hover,
377
+ .mce-container .mce-btn-group .mce-btn:focus {
378
+ box-shadow: none;
379
+ background-image: none;
380
+ background-color: #ffffff;
381
+ }
382
+ .mce-container .mce-btn-group .mce-btn button span {
383
+ color: #707780;
384
+ font-size: 14px;
385
+ font-weight: 300;
386
+ }
387
+ .mce-container .mce-btn-group .mce-btn button .mce-caret {
388
+ color: #707780;
389
+ font-size: 14px;
390
+ }
391
+ .mce-container .mce-ico {
392
+ color: #707780;
393
+ font-size: 14px;
394
+ }
395
+ .mce-container .mce-panel {
396
+ background-image: none;
397
+ }
398
+ .mce-container.mce-menu {
399
+ border: 1px solid #d7dce5 !important;
400
+ }
401
+ .mce-container.mce-menu .mce-menu-item {
402
+ background-image: none;
403
+ }
404
+ .mce-container.mce-menu .mce-menu-item .mce-ico {
405
+ color: #5fbeaa;
406
+ font-size: 14px;
407
+ }
408
+ .mce-container.mce-menu .mce-menu-item .mce-text {
409
+ color: #707780;
410
+ font-size: 14px;
411
+ font-weight: 400;
412
+ text-transform: capitalize;
413
+ }
414
+ .mce-container.mce-menu .mce-menu-item .mce-menu-shortcut {
415
+ color: #aaaaaa;
416
+ font-size: 12px;
417
+ font-weight: 300;
418
+ text-transform: capitalize;
419
+ }
420
+ .mce-container.mce-menu .mce-menu-item:hover,
421
+ .mce-container.mce-menu .mce-menu-item:focus,
422
+ .mce-container.mce-menu .mce-menu-item.mce-selected {
423
+ background-color: #5fbeaa;
424
+ }
425
+ .mce-container.mce-menu .mce-menu-item:hover .mce-ico,
426
+ .mce-container.mce-menu .mce-menu-item:focus .mce-ico,
427
+ .mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico,
428
+ .mce-container.mce-menu .mce-menu-item:hover .mce-text,
429
+ .mce-container.mce-menu .mce-menu-item:focus .mce-text,
430
+ .mce-container.mce-menu .mce-menu-item.mce-selected .mce-text,
431
+ .mce-container.mce-menu .mce-menu-item:hover .mce-menu-shortcut,
432
+ .mce-container.mce-menu .mce-menu-item:focus .mce-menu-shortcut,
433
+ .mce-container.mce-menu .mce-menu-item.mce-selected .mce-menu-shortcut {
434
+ color: #ffffff;
435
+ }
436
+ .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-ico,
437
+ .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-text,
438
+ .mce-container.mce-menu .mce-menu-item.mce-disabled .mce-menu-shortcut {
439
+ color: #aaaaaa;
440
+ }
441
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:hover,
442
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:focus,
443
+ .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected {
444
+ background-color: #d7dce5;
445
+ }
446
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico,
447
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-ico,
448
+ .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-ico,
449
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
450
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-text,
451
+ .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-text,
452
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:hover .mce-menu-shortcut,
453
+ .mce-container.mce-menu .mce-menu-item.mce-disabled:focus .mce-menu-shortcut,
454
+ .mce-container.mce-menu .mce-menu-item.mce-disabled.mce-selected .mce-menu-shortcut {
455
+ color: #ffffff;
456
+ }
457
+ .mce-container.mce-menu .mce-menu-item-sep {
458
+ background-color: #d7dce5;
459
+ }
460
+ .mce-container.mce-menu .mce-menu-item-sep:hover {
461
+ background-color: #d7dce5;
462
+ }
463
+ .mce-menubtn button {
464
+ color: #36404a !important;
465
+ }
466
+ .mce-menu-item-normal.mce-active {
467
+ background-color: #5fbeaa !important;
468
+ }
469
+ .mce-menu-item-normal.mce-active .mce-text {
470
+ color: #ffffff !important;
471
+ }
472
+ /* == Bootstrap Switch == */
473
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
474
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
475
+ background: #5d9cec;
476
+ }
477
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
478
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
479
+ background: #34d3eb;
480
+ }
481
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
482
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
483
+ background: #81c868;
484
+ }
485
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
486
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
487
+ background: #ffbd4a;
488
+ }
489
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
490
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
491
+ background: #f05050;
492
+ }
493
+ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
494
+ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
495
+ background: #eeeeee;
496
+ }
497
+ .bootstrap-switch.bootstrap-switch-focused {
498
+ border-color: #98a6ad;
499
+ box-shadow: none;
500
+ }
501
+ /* =============
502
+ Notification
503
+ ============= */
504
+ .notifyjs-metro-base {
505
+ position: relative;
506
+ min-height: 52px;
507
+ min-width: 250px;
508
+ color: #444;
509
+ border-radius: 3px;
510
+ -webkit-border-radius: 3px;
511
+ box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
512
+ -webkit-animation: dropdownOpen 0.3s ease-out;
513
+ -o-animation: dropdownOpen 0.3s ease-out;
514
+ animation: dropdownOpen 0.3s ease-out;
515
+ }
516
+ .notifyjs-metro-base .image {
517
+ display: table;
518
+ position: absolute;
519
+ height: auto;
520
+ width: auto;
521
+ left: 25px;
522
+ top: 50%;
523
+ font-size: 24px;
524
+ -moz-transform: translate(-50%, -50%);
525
+ -ms-transform: translate(-50%, -50%);
526
+ -o-transform: translate(-50%, -50%);
527
+ -webkit-transform: translate(-50%, -50%);
528
+ transform: translate(-50%, -50%);
529
+ }
530
+ .notifyjs-metro-base .text-wrapper {
531
+ display: inline-block;
532
+ vertical-align: top;
533
+ text-align: left;
534
+ margin: 10px 10px 10px 52px;
535
+ clear: both;
536
+ }
537
+ .notifyjs-metro-base .title {
538
+ font-size: 15px;
539
+ line-height: 20px;
540
+ margin-bottom: 5px;
541
+ font-weight: bold;
542
+ }
543
+ .notifyjs-metro-base .text {
544
+ font-size: 12px;
545
+ font-weight: normal;
546
+ max-width: 360px;
547
+ vertical-align: middle;
548
+ }
549
+ .notifyjs-metro-cool {
550
+ color: #fafafa !important;
551
+ background-color: #4A525F;
552
+ border: 1px solid #4A525F;
553
+ }
554
+ /* =============
555
+ Bootstrap Range slider
556
+ ============= */
557
+ .slider .slider-horizontal {
558
+ margin: 10px 0;
559
+ }
560
+ .slider .slider-vertical {
561
+ margin: 0 10px;
562
+ }
563
+ .slider-handle.round {
564
+ position: absolute;
565
+ width: 20px;
566
+ height: 20px;
567
+ border: 1px solid #EFF2F7;
568
+ background: #fff;
569
+ cursor: pointer;
570
+ }
571
+ .slider-default .slider-selection {
572
+ background-image: none;
573
+ background-color: #909aa0;
574
+ }
575
+ .slider-primary .slider-selection {
576
+ background-image: none;
577
+ background-color: #5d9cec;
578
+ }
579
+ .slider-success .slider-selection {
580
+ background-image: none;
581
+ background-color: #81c868;
582
+ }
583
+ .slider-info .slider-selection {
584
+ background-image: none;
585
+ background-color: #34d3eb;
586
+ }
587
+ .slider-warning .slider-selection {
588
+ background-image: none;
589
+ background-color: #ffbd4a;
590
+ }
591
+ .slider-danger .slider-selection {
592
+ background-image: none;
593
+ background-color: #f05050;
594
+ }
595
+ .slider-custom .slider-selection {
596
+ background-image: none;
597
+ background-color: #5fbeaa;
598
+ }
599
+ .slider-pink .slider-selection {
600
+ background-image: none;
601
+ background-color: #fb6d9d;
602
+ }
603
+ .slider-purple .slider-selection {
604
+ background-image: none;
605
+ background-color: #7266ba;
606
+ }
607
+ .slider-inverse .slider-selection {
608
+ background-image: none;
609
+ background-color: #4c5667;
610
+ }
611
+ /* =========== */
612
+ /* Sweet Alert */
613
+ /* =========== */
614
+ .sweet-alert p {
615
+ font-size: 14px;
616
+ line-height: 22px;
617
+ }
618
+ .sweet-alert .icon.success .placeholder {
619
+ border: 4px solid rgba(129, 200, 104, 0.3);
620
+ }
621
+ .sweet-alert .icon.success .line {
622
+ background-color: #81c868;
623
+ }
624
+ .sweet-alert .icon.warning {
625
+ border-color: #ffbd4a;
626
+ }
627
+ .sweet-alert .icon.info {
628
+ border-color: #34d3eb;
629
+ }
630
+ .sweet-alert .btn-warning:focus,
631
+ .sweet-alert .btn-info:focus,
632
+ .sweet-alert .btn-success:focus,
633
+ .sweet-alert .btn-danger:focus,
634
+ .sweet-alert .btn-default:focus {
635
+ box-shadow: none;
636
+ }
637
+ .sweet-alert .btn-lg {
638
+ font-size: 15px !important;
639
+ }
640
+ /* =============
641
+ Charts
642
+ ============= */
643
+ /* Morris chart */
644
+ .morris-hover.morris-default-style {
645
+ border-radius: 5px;
646
+ padding: 10px 12px;
647
+ background: #36404a;
648
+ border: none;
649
+ color: #ffffff !important;
650
+ }
651
+ .morris-hover.morris-default-style .morris-hover-point {
652
+ color: #f4f8fb !important;
653
+ }
654
+ .chart-detail-list li {
655
+ margin: 0px 10px;
656
+ }
657
+ .chart-detail-list li h5 {
658
+ font-size: 15px;
659
+ }
660
+ .pieLabel div {
661
+ font-size: 14px !important;
662
+ }
663
+ .jqstooltip {
664
+ -webkit-box-sizing: content-box;
665
+ -moz-box-sizing: content-box;
666
+ box-sizing: content-box;
667
+ }
668
+ .chart {
669
+ position: relative;
670
+ display: inline-block;
671
+ width: 110px;
672
+ height: 110px;
673
+ margin-top: 20px;
674
+ margin-bottom: 20px;
675
+ text-align: center;
676
+ }
677
+ .chart canvas {
678
+ position: absolute;
679
+ top: 0;
680
+ left: 0;
681
+ }
682
+ .chart.chart-widget-pie {
683
+ margin-top: 5px;
684
+ margin-bottom: 5px;
685
+ }
686
+ .percent {
687
+ display: inline-block;
688
+ line-height: 110px;
689
+ z-index: 2;
690
+ font-weight: 600;
691
+ font-size: 18px;
692
+ color: #36404a;
693
+ }
694
+ .percent:after {
695
+ content: '%';
696
+ margin-left: 0.1em;
697
+ font-size: .8em;
698
+ }
699
+ #flotTip {
700
+ padding: 8px 12px;
701
+ background-color: #36404a;
702
+ z-index: 100;
703
+ color: #ffffff;
704
+ opacity: 0.9;
705
+ font-size: 13px;
706
+ -webkit-border-radius: 3px;
707
+ -moz-border-radius: 3px;
708
+ border-radius: 3px;
709
+ }
710
+ .legend tr {
711
+ height: 20px;
712
+ }
713
+ .legendLabel {
714
+ padding-left: 5px !important;
715
+ line-height: 10px;
716
+ padding-right: 10px;
717
+ }
718
+ /* Sparkline chart */
719
+ .jqstooltip {
720
+ background-color: #36404a !important;
721
+ padding: 5px 10px !important;
722
+ -webkit-border-radius: 3px;
723
+ border-radius: 3px;
724
+ -moz-border-radius: 3px;
725
+ border-color: #36404a !important;
726
+ }
727
+ .jqsfield {
728
+ font-size: 12px !important;
729
+ line-height: 18px !important;
730
+ }
731
+ /* C3 chart */
732
+ .c3-tooltip td > span {
733
+ background: #36404a;
734
+ }
735
+ .c3-tooltip td {
736
+ border-left: none;
737
+ }
738
+ .c3-tooltip {
739
+ -webkit-box-shadow: 0px 0px 8px 0px #777777;
740
+ box-shadow: 0px 0px 8px 0px #777777;
741
+ -moz-box-shadow: 0px 0px 8px 0px #777777;
742
+ opacity: 1;
743
+ }
744
+ .c3-chart-arcs-title {
745
+ font-size: 18px;
746
+ font-weight: 600;
747
+ }
748
+ .c3-tooltip tr {
749
+ border: none !important;
750
+ }
751
+ .c3-tooltip th {
752
+ background-color: #36404a;
753
+ }
754
+ /* Chartist chart */
755
+ .ct-golden-section:before {
756
+ float: none;
757
+ }
758
+ .ct-chart {
759
+ height: 300px;
760
+ }
761
+ .ct-chart .ct-label {
762
+ fill: #a3afb7;
763
+ color: #a3afb7;
764
+ font-size: 12px;
765
+ line-height: 1;
766
+ }
767
+ .ct-chart.simple-pie-chart-chartist .ct-label {
768
+ color: #ffffff;
769
+ fill: #ffffff;
770
+ font-size: 16px;
771
+ }
772
+ .ct-chart .ct-series.ct-series-a .ct-bar,
773
+ .ct-chart .ct-series.ct-series-a .ct-line,
774
+ .ct-chart .ct-series.ct-series-a .ct-point,
775
+ .ct-chart .ct-series.ct-series-a .ct-slice-donut {
776
+ stroke: #5d9cec;
777
+ }
778
+ .ct-chart .ct-series.ct-series-b .ct-bar,
779
+ .ct-chart .ct-series.ct-series-b .ct-line,
780
+ .ct-chart .ct-series.ct-series-b .ct-point,
781
+ .ct-chart .ct-series.ct-series-b .ct-slice-donut {
782
+ stroke: #fb6d9d;
783
+ }
784
+ .ct-chart .ct-series.ct-series-c .ct-bar,
785
+ .ct-chart .ct-series.ct-series-c .ct-line,
786
+ .ct-chart .ct-series.ct-series-c .ct-point,
787
+ .ct-chart .ct-series.ct-series-c .ct-slice-donut {
788
+ stroke: #34d3eb;
789
+ }
790
+ .ct-chart .ct-series.ct-series-d .ct-bar,
791
+ .ct-chart .ct-series.ct-series-d .ct-line,
792
+ .ct-chart .ct-series.ct-series-d .ct-point,
793
+ .ct-chart .ct-series.ct-series-d .ct-slice-donut {
794
+ stroke: #5fbeaa;
795
+ }
796
+ .ct-chart .ct-series.ct-series-e .ct-bar,
797
+ .ct-chart .ct-series.ct-series-e .ct-line,
798
+ .ct-chart .ct-series.ct-series-e .ct-point,
799
+ .ct-chart .ct-series.ct-series-e .ct-slice-donut {
800
+ stroke: #36404a;
801
+ }
802
+ .ct-chart .ct-series.ct-series-f .ct-bar,
803
+ .ct-chart .ct-series.ct-series-f .ct-line,
804
+ .ct-chart .ct-series.ct-series-f .ct-point,
805
+ .ct-chart .ct-series.ct-series-f .ct-slice-donut {
806
+ stroke: #7266ba;
807
+ }
808
+ .ct-chart .ct-series.ct-series-g .ct-bar,
809
+ .ct-chart .ct-series.ct-series-g .ct-line,
810
+ .ct-chart .ct-series.ct-series-g .ct-point,
811
+ .ct-chart .ct-series.ct-series-g .ct-slice-donut {
812
+ stroke: #81c868;
813
+ }
814
+ .ct-series-a .ct-area,
815
+ .ct-series-a .ct-slice-pie {
816
+ fill: #5d9cec;
817
+ }
818
+ .ct-series-b .ct-area,
819
+ .ct-series-b .ct-slice-pie {
820
+ fill: #fb6d9d;
821
+ }
822
+ .ct-series-c .ct-area,
823
+ .ct-series-c .ct-slice-pie {
824
+ fill: #34d3eb;
825
+ }
826
+ .ct-series-d .ct-area,
827
+ .ct-series-d .ct-slice-pie {
828
+ fill: #5fbeaa;
829
+ }
830
+ .chartist-tooltip {
831
+ position: absolute;
832
+ display: inline-block;
833
+ opacity: 0;
834
+ min-width: 10px;
835
+ padding: 2px 10px;
836
+ -webkit-border-radius: 3px;
837
+ border-radius: 3px;
838
+ -moz-border-radius: 3px;
839
+ background-clip: padding-box;
840
+ background: #36404a;
841
+ color: #ffffff;
842
+ text-align: center;
843
+ pointer-events: none;
844
+ z-index: 1;
845
+ -webkit-transition: opacity .2s linear;
846
+ -moz-transition: opacity .2s linear;
847
+ -o-transition: opacity .2s linear;
848
+ transition: opacity .2s linear;
849
+ }
850
+ .chartist-tooltip.tooltip-show {
851
+ opacity: 1;
852
+ }
853
+ /* Circliful charts */
854
+ .circliful-chart {
855
+ margin: 0px auto;
856
+ }
857
+ .circle-text,
858
+ .circle-info,
859
+ .circle-text-half,
860
+ .circle-info-half {
861
+ font-size: 12px;
862
+ font-weight: 600;
863
+ }
864
+ /* Ricksaw Charts */
865
+ #legend {
866
+ background: white;
867
+ position: absolute;
868
+ top: 0;
869
+ right: 15px;
870
+ }
871
+ #legend .line {
872
+ color: #333;
873
+ }
874
+ .rickshaw_graph svg {
875
+ max-width: 100%;
876
+ }
877
+ .rickshaw_legend .label {
878
+ font-family: inherit;
879
+ letter-spacing: 0.01em;
880
+ font-weight: 600;
881
+ }
882
+ /* =============
883
+ Count Down
884
+ ============= */
885
+ .home-wrapper {
886
+ margin: 10% 0px;
887
+ }
888
+ .home-text {
889
+ font-weight: 600;
890
+ }
891
+ .u-countdown {
892
+ margin-top: 40px;
893
+ text-align: center;
894
+ }
895
+ .u-countdown div {
896
+ display: inline-block;
897
+ }
898
+ .u-countdown div span {
899
+ display: block;
900
+ width: 150px;
901
+ }
902
+ .u-countdown div span:first-child {
903
+ font-size: 3em;
904
+ font-weight: 700;
905
+ height: 48px;
906
+ line-height: 48px;
907
+ }
908
+ .u-countdown div span:last-child {
909
+ color: #333333;
910
+ font-size: 0.9em;
911
+ height: 25px;
912
+ line-height: 25px;
913
+ }
914
+ .u-countdown > * {
915
+ text-align: center;
916
+ }
917
+ .cd-text {
918
+ font-size: 15px;
919
+ line-height: 24px;
920
+ font-style: italic;
921
+ }
922
+ /* =============
923
+ Timeline
924
+ ============= */
925
+ .cd-container {
926
+ width: 90%;
927
+ max-width: 1170px;
928
+ margin: 0 auto;
929
+ }
930
+ .cd-container::after {
931
+ content: '';
932
+ display: table;
933
+ clear: both;
934
+ }
935
+ #cd-timeline {
936
+ margin-bottom: 2em;
937
+ margin-top: 2em;
938
+ padding: 2em 0;
939
+ position: relative;
940
+ }
941
+ #cd-timeline::before {
942
+ background: #ffffff;
943
+ content: '';
944
+ height: 100%;
945
+ left: 18px;
946
+ position: absolute;
947
+ top: 0;
948
+ width: 4px;
949
+ }
950
+ @media only screen and (min-width: 1170px) {
951
+ #cd-timeline {
952
+ margin-bottom: 3em;
953
+ margin-top: 3em;
954
+ }
955
+ #cd-timeline::before {
956
+ left: 50%;
957
+ margin-left: -2px;
958
+ }
959
+ }
960
+ .cd-timeline-block {
961
+ margin: 2em 0;
962
+ position: relative;
963
+ }
964
+ .cd-timeline-block:after {
965
+ clear: both;
966
+ content: "";
967
+ display: table;
968
+ }
969
+ .cd-timeline-block:first-child {
970
+ margin-top: 0;
971
+ }
972
+ .cd-timeline-block:last-child {
973
+ margin-bottom: 0;
974
+ }
975
+ @media only screen and (min-width: 1170px) {
976
+ .cd-timeline-block {
977
+ margin: 4em 0;
978
+ }
979
+ .cd-timeline-block:first-child {
980
+ margin-top: 0;
981
+ }
982
+ .cd-timeline-block:last-child {
983
+ margin-bottom: 0;
984
+ }
985
+ }
986
+ .cd-timeline-img {
987
+ position: absolute;
988
+ top: 0;
989
+ left: 0;
990
+ width: 40px;
991
+ height: 40px;
992
+ border-radius: 50%;
993
+ box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
994
+ text-align: center;
995
+ line-height: 40px;
996
+ font-size: 20px;
997
+ color: #fff;
998
+ }
999
+ .cd-timeline-img.cd-success {
1000
+ background: #81c868;
1001
+ }
1002
+ .cd-timeline-img.cd-info {
1003
+ background: #34d3eb;
1004
+ }
1005
+ .cd-timeline-img.cd-pink {
1006
+ background: #fb6d9d;
1007
+ }
1008
+ .cd-timeline-img.cd-danger {
1009
+ background: #f05050;
1010
+ }
1011
+ .cd-timeline-img.cd-primary {
1012
+ background: #5d9cec;
1013
+ }
1014
+ .cd-timeline-img.cd-warning {
1015
+ background: #ffbd4a;
1016
+ }
1017
+ @media only screen and (min-width: 1170px) {
1018
+ .cd-timeline-img {
1019
+ width: 60px;
1020
+ height: 60px;
1021
+ line-height: 60px;
1022
+ left: 50%;
1023
+ margin-left: -30px;
1024
+ -webkit-transform: translateZ(0);
1025
+ -webkit-backface-visibility: hidden;
1026
+ }
1027
+ .cssanimations .cd-timeline-img.is-hidden {
1028
+ visibility: hidden;
1029
+ }
1030
+ .cssanimations .cd-timeline-img.bounce-in {
1031
+ visibility: visible;
1032
+ -webkit-animation: cd-bounce-1 0.6s;
1033
+ -moz-animation: cd-bounce-1 0.6s;
1034
+ animation: cd-bounce-1 0.6s;
1035
+ }
1036
+ }
1037
+ .cd-timeline-content {
1038
+ -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
1039
+ -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
1040
+ background: white;
1041
+ border-radius: 0;
1042
+ box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
1043
+ margin-left: 60px;
1044
+ padding: 1em;
1045
+ position: relative;
1046
+ }
1047
+ .cd-timeline-content img {
1048
+ display: block;
1049
+ width: 100%;
1050
+ }
1051
+ .cd-timeline-content:after {
1052
+ clear: both;
1053
+ content: "";
1054
+ display: table;
1055
+ }
1056
+ .cd-timeline-content h2 {
1057
+ margin-top: 0;
1058
+ }
1059
+ .cd-timeline-content p {
1060
+ color: #666666;
1061
+ font-size: 14px;
1062
+ margin: 10px 0px 10px 0px;
1063
+ }
1064
+ .cd-timeline-content .cd-read-more {
1065
+ background: #acb7c0;
1066
+ border-radius: 0.25em;
1067
+ color: white;
1068
+ display: inline-block;
1069
+ float: right;
1070
+ font-size: 14px;
1071
+ padding: .8em 1em;
1072
+ }
1073
+ .cd-timeline-content .cd-date {
1074
+ display: inline-block;
1075
+ font-size: 14px;
1076
+ }
1077
+ .cd-timeline-content h3 {
1078
+ font-size: 21px;
1079
+ margin: 0px;
1080
+ }
1081
+ .no-touch .cd-timeline-content .cd-read-more:hover {
1082
+ background-color: #bac4cb;
1083
+ }
1084
+ .cd-timeline-content .cd-date {
1085
+ float: left;
1086
+ padding: .8em 0;
1087
+ opacity: .7;
1088
+ }
1089
+ .cd-timeline-content::before {
1090
+ content: '';
1091
+ position: absolute;
1092
+ top: 16px;
1093
+ right: 100%;
1094
+ height: 0;
1095
+ width: 0;
1096
+ border: 7px solid transparent;
1097
+ border-right: 7px solid white;
1098
+ }
1099
+ @media only screen and (min-width: 1170px) {
1100
+ .cd-timeline-content {
1101
+ margin-left: 0;
1102
+ padding: 1.6em;
1103
+ width: 45%;
1104
+ }
1105
+ .cd-timeline-content::before {
1106
+ top: 24px;
1107
+ left: 100%;
1108
+ border-color: transparent;
1109
+ border-left-color: white;
1110
+ }
1111
+ .cd-timeline-content .cd-read-more {
1112
+ float: left;
1113
+ }
1114
+ .cd-timeline-content .cd-date {
1115
+ position: absolute;
1116
+ width: 100%;
1117
+ left: 122%;
1118
+ top: 6px;
1119
+ }
1120
+ .cd-timeline-block:nth-child(even) .cd-timeline-content {
1121
+ float: right;
1122
+ }
1123
+ .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
1124
+ top: 24px;
1125
+ left: auto;
1126
+ right: 100%;
1127
+ border-color: transparent;
1128
+ border-right-color: white;
1129
+ }
1130
+ .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
1131
+ float: right;
1132
+ }
1133
+ .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
1134
+ left: auto;
1135
+ right: 122%;
1136
+ text-align: right;
1137
+ }
1138
+ .cssanimations .cd-timeline-content.is-hidden {
1139
+ visibility: hidden;
1140
+ }
1141
+ .cssanimations .cd-timeline-content.bounce-in {
1142
+ visibility: visible;
1143
+ -webkit-animation: cd-bounce-2 0.6s;
1144
+ -moz-animation: cd-bounce-2 0.6s;
1145
+ animation: cd-bounce-2 0.6s;
1146
+ }
1147
+ }
1148
+ @media only screen and (min-width: 1170px) {
1149
+ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
1150
+ -webkit-animation: cd-bounce-2-inverse 0.6s;
1151
+ -moz-animation: cd-bounce-2-inverse 0.6s;
1152
+ animation: cd-bounce-2-inverse 0.6s;
1153
+ }
1154
+ }
1155
+ /* Time line 2 */
1156
+ .timeline-2 {
1157
+ border-left: 2px solid #98a6ad;
1158
+ position: relative;
1159
+ }
1160
+ .timeline-2 .time-item:after {
1161
+ background-color: #ffffff;
1162
+ border-color: #98a6ad;
1163
+ border-radius: 10px;
1164
+ border-style: solid;
1165
+ border-width: 2px;
1166
+ bottom: 0;
1167
+ content: '';
1168
+ height: 14px;
1169
+ left: 0;
1170
+ margin-left: -8px;
1171
+ position: absolute;
1172
+ top: 5px;
1173
+ width: 14px;
1174
+ }
1175
+ .time-item {
1176
+ border-color: #dee5e7;
1177
+ padding-bottom: 1px;
1178
+ position: relative;
1179
+ }
1180
+ .time-item:before {
1181
+ content: " ";
1182
+ display: table;
1183
+ }
1184
+ .time-item:after {
1185
+ background-color: #ffffff;
1186
+ border-color: #98a6ad;
1187
+ border-radius: 10px;
1188
+ border-style: solid;
1189
+ border-width: 2px;
1190
+ bottom: 0;
1191
+ content: '';
1192
+ height: 14px;
1193
+ left: 0;
1194
+ margin-left: -8px;
1195
+ position: absolute;
1196
+ top: 5px;
1197
+ width: 14px;
1198
+ }
1199
+ .time-item-item:after {
1200
+ content: " ";
1201
+ display: table;
1202
+ }
1203
+ .item-info {
1204
+ margin-bottom: 15px;
1205
+ margin-left: 15px;
1206
+ }
1207
+ .item-info p {
1208
+ margin-bottom: 10px !important;
1209
+ }
1210
+ /* =============
1211
+ Email
1212
+ ============= */
1213
+ .mails a {
1214
+ color: #797979;
1215
+ }
1216
+ .mails td {
1217
+ vertical-align: middle !important;
1218
+ position: relative;
1219
+ }
1220
+ .mails td:last-of-type {
1221
+ width: 100px;
1222
+ padding-right: 20px;
1223
+ }
1224
+ .mails tr:hover .text-white {
1225
+ display: none;
1226
+ }
1227
+ .mails .mail-select {
1228
+ padding: 12px 20px;
1229
+ min-width: 134px;
1230
+ }
1231
+ .mails .checkbox {
1232
+ margin-bottom: 0px;
1233
+ margin-top: 0px;
1234
+ vertical-align: middle;
1235
+ display: inline-block;
1236
+ height: 17px;
1237
+ }
1238
+ .mails .checkbox label {
1239
+ min-height: 16px;
1240
+ }
1241
+ .mail-list .list-group-item {
1242
+ background-color: transparent;
1243
+ }
1244
+ .mail-list .list-group-item:hover {
1245
+ background-color: #f4f8fb;
1246
+ }
1247
+ .mail-list .list-group-item:focus {
1248
+ background-color: #f4f8fb;
1249
+ }
1250
+ .mail-list .list-group-item.active {
1251
+ background-color: #5fbeaa;
1252
+ -webkit-border-radius: 3px;
1253
+ border-radius: 3px;
1254
+ -moz-border-radius: 3px;
1255
+ background-clip: padding-box;
1256
+ }
1257
+ .unread a {
1258
+ font-weight: 600;
1259
+ color: #444444;
1260
+ }
1261
+ /* =============
1262
+ Gallery
1263
+ ============= */
1264
+ .portfolioFilter a {
1265
+ -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
1266
+ -moz-transition: all 0.3s ease-out;
1267
+ -ms-transition: all 0.3s ease-out;
1268
+ -o-transition: all 0.3s ease-out;
1269
+ transition: all 0.3s ease-out;
1270
+ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
1271
+ -webkit-transition: all 0.3s ease-out;
1272
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
1273
+ color: #333333;
1274
+ padding: 5px 10px;
1275
+ display: inline-block;
1276
+ margin-bottom: 5px;
1277
+ }
1278
+ .portfolioFilter a:hover {
1279
+ background-color: #5d9cec;
1280
+ color: #ffffff;
1281
+ }
1282
+ .portfolioFilter a.current {
1283
+ background-color: #5d9cec;
1284
+ color: #ffffff;
1285
+ }
1286
+ .thumb {
1287
+ background-color: #ffffff;
1288
+ border-radius: 3px;
1289
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
1290
+ margin-top: 30px;
1291
+ padding-bottom: 10px;
1292
+ padding-left: 10px;
1293
+ padding-right: 10px;
1294
+ padding-top: 10px;
1295
+ width: 100%;
1296
+ }
1297
+ .thumb-img {
1298
+ border-radius: 2px;
1299
+ overflow: hidden;
1300
+ width: 100%;
1301
+ }
1302
+ .gal-detail h4 {
1303
+ margin-top: 16px;
1304
+ }
1305
+ /* =============
1306
+ Maintenance
1307
+ ============= */
1308
+ .icon-main {
1309
+ font-size: 88px;
1310
+ margin-bottom: 50px;
1311
+ }
1312
+ .maintenance-page {
1313
+ margin: 10% 0%;
1314
+ }
1315
+ /* =============
1316
+ Maps
1317
+ ============= */
1318
+ .gmaps,
1319
+ .gmaps-panaroma {
1320
+ height: 300px;
1321
+ background: #eeeeee;
1322
+ border-radius: 3px;
1323
+ }
1324
+ .gmaps-overlay {
1325
+ display: block;
1326
+ text-align: center;
1327
+ color: #ffffff;
1328
+ font-size: 16px;
1329
+ line-height: 40px;
1330
+ background: #5d9cec;
1331
+ border-radius: 4px;
1332
+ padding: 10px 20px;
1333
+ }
1334
+ .gmaps-overlay_arrow {
1335
+ left: 50%;
1336
+ margin-left: -16px;
1337
+ width: 0;
1338
+ height: 0;
1339
+ position: absolute;
1340
+ }
1341
+ .gmaps-overlay_arrow.above {
1342
+ bottom: -15px;
1343
+ border-left: 16px solid transparent;
1344
+ border-right: 16px solid transparent;
1345
+ border-top: 16px solid #5d9cec;
1346
+ }
1347
+ .gmaps-overlay_arrow.below {
1348
+ top: -15px;
1349
+ border-left: 16px solid transparent;
1350
+ border-right: 16px solid transparent;
1351
+ border-bottom: 16px solid #5d9cec;
1352
+ }
1353
+ .jvectormap-zoomin,
1354
+ .jvectormap-zoomout {
1355
+ width: 10px;
1356
+ height: 10px;
1357
+ line-height: 10px;
1358
+ }
1359
+ .jvectormap-zoomout {
1360
+ top: 40px;
1361
+ }
1362
+ /* =============
1363
+ Nestable
1364
+ ============= */
1365
+ .custom-dd .dd-list .dd-item .dd-handle {
1366
+ background: #f4f8fb;
1367
+ border: none;
1368
+ padding: 8px 16px;
1369
+ height: auto;
1370
+ font-weight: 600;
1371
+ -webkit-border-radius: 3px;
1372
+ border-radius: 3px;
1373
+ -moz-border-radius: 3px;
1374
+ background-clip: padding-box;
1375
+ }
1376
+ .custom-dd .dd-list .dd-item .dd-handle:hover {
1377
+ color: #5fbeaa;
1378
+ }
1379
+ .custom-dd .dd-list .dd-item button {
1380
+ height: auto;
1381
+ font-size: 17px;
1382
+ margin: 8px auto;
1383
+ color: #555555;
1384
+ width: 30px;
1385
+ }
1386
+ .custom-dd-empty .dd-list .dd3-handle {
1387
+ border: none;
1388
+ background: #f4f8fb;
1389
+ height: 36px;
1390
+ width: 36px;
1391
+ }
1392
+ .custom-dd-empty .dd-list .dd3-handle:before {
1393
+ color: inherit;
1394
+ top: 7px;
1395
+ }
1396
+ .custom-dd-empty .dd-list .dd3-handle:hover {
1397
+ color: #5fbeaa;
1398
+ }
1399
+ .custom-dd-empty .dd-list .dd3-content {
1400
+ height: auto;
1401
+ border: none;
1402
+ padding: 8px 16px 8px 46px;
1403
+ background: #f4f8fb;
1404
+ font-weight: 600;
1405
+ }
1406
+ .custom-dd-empty .dd-list .dd3-content:hover {
1407
+ color: #5fbeaa;
1408
+ }
1409
+ .custom-dd-empty .dd-list button {
1410
+ width: 26px;
1411
+ height: 26px;
1412
+ font-size: 16px;
1413
+ font-weight: 600;
1414
+ }
1415
+ /* =============
1416
+ Pricing
1417
+ ============= */
1418
+ .pricing-plan {
1419
+ padding-bottom: 50px;
1420
+ }
1421
+ .price_card {
1422
+ -moz-border-radius: 5px;
1423
+ -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
1424
+ -webkit-border-radius: 5px;
1425
+ background: #fafafa;
1426
+ border-radius: 5px;
1427
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
1428
+ margin-bottom: 30px;
1429
+ padding-bottom: 20px;
1430
+ position: relative;
1431
+ webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
1432
+ }
1433
+ .price_card .name {
1434
+ display: block;
1435
+ font-size: 16px;
1436
+ font-weight: 700;
1437
+ padding: 0 0 30px;
1438
+ text-align: center;
1439
+ width: 100%;
1440
+ }
1441
+ .price_card button {
1442
+ margin-top: 20px;
1443
+ }
1444
+ .pricing-header {
1445
+ -moz-border-radius-topleft: 5px;
1446
+ -moz-border-radius-topright: 5px;
1447
+ -webkit-border-top-left-radius: 5px;
1448
+ -webkit-border-top-right-radius: 5px;
1449
+ border-top-left-radius: 5px;
1450
+ border-top-right-radius: 5px;
1451
+ color: #ffffff;
1452
+ }
1453
+ .price {
1454
+ display: block;
1455
+ font-size: 48px;
1456
+ font-weight: 300;
1457
+ padding: 30px 0 10px;
1458
+ text-align: center;
1459
+ width: 100%;
1460
+ }
1461
+ .price-features {
1462
+ color: #8a8a8a;
1463
+ list-style: none;
1464
+ margin: 0;
1465
+ padding: 0;
1466
+ text-align: center;
1467
+ }
1468
+ .price-features li {
1469
+ margin: 0 35px;
1470
+ padding: 20px 15px;
1471
+ }
1472
+ .pricing-item {
1473
+ margin: 0 0 30px;
1474
+ position: relative;
1475
+ text-align: center;
1476
+ }
1477
+ .pricing-item-inner {
1478
+ -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
1479
+ -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
1480
+ -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
1481
+ -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
1482
+ border-radius: 7px;
1483
+ border: 2px solid rgba(151, 160, 175, 0.2);
1484
+ transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
1485
+ vertical-align: middle;
1486
+ }
1487
+ .pricing-wrap {
1488
+ -moz-box-sizing: border-box;
1489
+ -webkit-box-sizing: border-box;
1490
+ box-sizing: border-box;
1491
+ overflow: hidden;
1492
+ padding: 30px 20px;
1493
+ position: relative;
1494
+ text-align: center;
1495
+ }
1496
+ .pricing-icon {
1497
+ font-size: 32px;
1498
+ padding-bottom: 5px;
1499
+ padding-top: 10px;
1500
+ position: relative;
1501
+ z-index: 1;
1502
+ }
1503
+ .pricing-title {
1504
+ font-size: 16px;
1505
+ font-weight: 700;
1506
+ margin-bottom: 40px;
1507
+ position: relative;
1508
+ text-transform: uppercase;
1509
+ z-index: 1;
1510
+ }
1511
+ .pr-list {
1512
+ color: #97a0af;
1513
+ font-size: 12px;
1514
+ font-weight: 400;
1515
+ margin: 0 -20px 30px;
1516
+ padding: 0;
1517
+ text-transform: uppercase;
1518
+ }
1519
+ .pr-list li {
1520
+ list-style: none;
1521
+ padding: 12px 20px;
1522
+ }
1523
+ .pricing-num {
1524
+ font-size: 40px;
1525
+ font-weight: 700;
1526
+ line-height: 1;
1527
+ }
1528
+ .pricing-num sup {
1529
+ font-size: 18px;
1530
+ font-weight: 400;
1531
+ left: -3px;
1532
+ margin-left: -7px;
1533
+ position: relative;
1534
+ top: -20px;
1535
+ }
1536
+ .pr-per {
1537
+ color: #97a0af;
1538
+ font-size: 12px;
1539
+ }
1540
+ .pr-button {
1541
+ margin-top: 30px;
1542
+ }
1543
+ /* =============
1544
+ Profile
1545
+ ============= */
1546
+ .profile-detail {
1547
+ text-align: center;
1548
+ padding: 30px 20px;
1549
+ }
1550
+ .profile-detail img {
1551
+ height: 120px;
1552
+ width: 120px;
1553
+ }
1554
+ .profile-detail .status-list li {
1555
+ padding: 0px 20px;
1556
+ }
1557
+ .profile-tabs li a {
1558
+ color: #36404a !important;
1559
+ }
1560
+ .profile-tabs li.active a {
1561
+ color: #ffffff !important;
1562
+ }
1563
+ .profile-pills li a {
1564
+ color: rgba(54, 64, 74, 0.5) !important;
1565
+ padding: 0px 10px;
1566
+ line-height: 30px !important;
1567
+ }
1568
+ .profile-pills li a i {
1569
+ font-size: 14px;
1570
+ }
1571
+ .comment {
1572
+ padding-top: 12px;
1573
+ }
1574
+ .comment .comment-avatar {
1575
+ position: relative;
1576
+ -webkit-border-radius: 3px;
1577
+ -webkit-background-clip: padding-box;
1578
+ -moz-border-radius: 3px;
1579
+ -moz-background-clip: padding;
1580
+ border-radius: 3px;
1581
+ background-clip: padding-box;
1582
+ display: block;
1583
+ float: left;
1584
+ height: 32px;
1585
+ width: 32px;
1586
+ }
1587
+ .comment .comment-body {
1588
+ float: none;
1589
+ margin-left: 40px;
1590
+ position: relative;
1591
+ }
1592
+ .comment .comment-text {
1593
+ border: 1px solid #e5e5e5;
1594
+ border-radius: 2px;
1595
+ padding: 7px 12px 8px;
1596
+ }
1597
+ .comment .comment-header {
1598
+ font-size: 12px;
1599
+ padding-bottom: 2px;
1600
+ }
1601
+ .comment .comment-header a {
1602
+ color: #36404a;
1603
+ font-weight: bold;
1604
+ }
1605
+ .comment .comment-header span {
1606
+ color: #98a6ad;
1607
+ display: inline-block;
1608
+ font-size: 11px;
1609
+ margin-left: 5px;
1610
+ }
1611
+ .comment .comment-footer {
1612
+ display: block;
1613
+ font-size: 12px;
1614
+ padding: 4px 12px 0;
1615
+ }
1616
+ .comment .comment-footer i {
1617
+ font-size: 13px;
1618
+ margin-right: 7px;
1619
+ }
1620
+ .comment .comment-footer,
1621
+ .comment .comment-footer a {
1622
+ color: rgba(54, 64, 74, 0.5);
1623
+ }
1624
+ .comment .comment-footer:hover,
1625
+ .comment .comment-footer a:hover {
1626
+ color: #5fbeaa;
1627
+ }
1628
+ .comment > .comment {
1629
+ margin-left: 32px !important;
1630
+ }
1631
+ /* =============
1632
+ Extra pages
1633
+ ============= */
1634
+ /* sitemap-wrapper */
1635
+ .sitemap-wrapper a {
1636
+ color: #555555;
1637
+ }
1638
+ .sitemap-wrapper a:hover {
1639
+ color: #5fbeaa;
1640
+ }
1641
+ .sitemap-wrapper h5 {
1642
+ font-weight: 600;
1643
+ font-size: 16px;
1644
+ line-height: 32px;
1645
+ }
1646
+ .sitemap-wrapper h5 i {
1647
+ padding-right: 10px;
1648
+ }
1649
+ .sitemap-wrapper ul {
1650
+ padding-left: 30px;
1651
+ }
1652
+ .sitemap-wrapper ul li a {
1653
+ font-size: 15px;
1654
+ line-height: 30px;
1655
+ }
1656
+ /*======= FAQ ======*/
1657
+ .faq-box {
1658
+ padding: 24px 0px;
1659
+ border-bottom: 1px solid #ebeff2;
1660
+ }
1661
+ .faq-box .question {
1662
+ font-weight: 600;
1663
+ font-size: 16px;
1664
+ margin-top: 0px;
1665
+ }
1666
+ .faq-box .answer {
1667
+ color: #98a6ad;
1668
+ margin-bottom: 0px;
1669
+ }
1670
+ /* Search result */
1671
+ .search-result-box .tab-content {
1672
+ padding: 30px 30px 10px 30px;
1673
+ -webkit-box-shadow: none;
1674
+ box-shadow: none;
1675
+ -moz-box-shadow: none;
1676
+ }
1677
+ .search-result-box .search-item {
1678
+ padding-bottom: 20px;
1679
+ border-bottom: 1px solid #ebeff2;
1680
+ margin-bottom: 30px;
1681
+ }
1682
+ /* Contact */
1683
+ .contact-search .btn-white {
1684
+ position: absolute;
1685
+ top: 1px;
1686
+ right: 16px;
1687
+ background-color: transparent !important;
1688
+ border: none !important;
1689
+ font-size: 16px;
1690
+ box-shadow: none !important;
1691
+ outline: none !important;
1692
+ color: #98a6ad;
1693
+ }
1694
+ .contact-card {
1695
+ position: relative;
1696
+ }
1697
+ .contact-card:hover .contact-action {
1698
+ display: block;
1699
+ }
1700
+ .contact-card img {
1701
+ width: 80px;
1702
+ height: 80px;
1703
+ }
1704
+ .contact-card .member-info {
1705
+ padding-left: 100px;
1706
+ padding-bottom: 20px;
1707
+ }
1708
+ .contact-card .member-info h4,
1709
+ .contact-card .member-info p {
1710
+ display: block;
1711
+ overflow: hidden;
1712
+ text-overflow: ellipsis;
1713
+ width: 100%;
1714
+ white-space: nowrap;
1715
+ }
1716
+ .contact-card .contact-action {
1717
+ position: absolute;
1718
+ right: 0px;
1719
+ top: 0px;
1720
+ display: none;
1721
+ }
1722
+ /* Image crop */
1723
+ #showDataURL img {
1724
+ width: 100%;
1725
+ }
1726
+ /* Switchery demo */
1727
+ .switchery-demo .switchery {
1728
+ margin-bottom: 10px;
1729
+ }
1730
+ /* Chat app */
1731
+ .chat-app-list {
1732
+ padding: 0px 20px;
1733
+ }
1734
+ .chat-app-list .list-group-item {
1735
+ background: transparent;
1736
+ }
1737
+ .chat-ready .conversation-list {
1738
+ max-height: 800px;
1739
+ }
1740
+ .chat-ready .spinner {
1741
+ width: 70px;
1742
+ text-align: center;
1743
+ }
1744
+ .chat-ready .spinner > div {
1745
+ width: 10px;
1746
+ height: 10px;
1747
+ background-color: #E3E3E3;
1748
+ border-radius: 100%;
1749
+ display: inline-block;
1750
+ -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
1751
+ animation: sk-bouncedelay 1.4s infinite ease-in-out both;
1752
+ }
1753
+ .chat-ready .spinner .bounce1 {
1754
+ -webkit-animation-delay: -0.32s;
1755
+ animation-delay: -0.32s;
1756
+ }
1757
+ .chat-ready .spinner .bounce2 {
1758
+ -webkit-animation-delay: -0.16s;
1759
+ animation-delay: -0.16s;
1760
+ }
1761
+ @-webkit-keyframes sk-bouncedelay {
1762
+ 0%,
1763
+ 80%,
1764
+ 100% {
1765
+ -webkit-transform: scale(0);
1766
+ }
1767
+ 40% {
1768
+ -webkit-transform: scale(1);
1769
+ }
1770
+ }
1771
+ @keyframes sk-bouncedelay {
1772
+ 0%,
1773
+ 80%,
1774
+ 100% {
1775
+ -webkit-transform: scale(0);
1776
+ transform: scale(0);
1777
+ }
1778
+ 40% {
1779
+ -webkit-transform: scale(1);
1780
+ transform: scale(1);
1781
+ }
1782
+ }
1783
+ /* Opportunities page */
1784
+ .opport-box .checkbx-detail {
1785
+ width: 30px;
1786
+ }
1787
+ .opport-box .lable-detail {
1788
+ text-align: center;
1789
+ width: 20%;
1790
+ }
1791
+ .opport-box .member-info {
1792
+ padding-right: 10px;
1793
+ }
1794
+ .opport-box .member-info h4 {
1795
+ font-size: 16px;
1796
+ display: block;
1797
+ white-space: nowrap;
1798
+ overflow: hidden;
1799
+ text-overflow: ellipsis;
1800
+ }
1801
+ .opport-box .member-info p {
1802
+ font-size: 13px;
1803
+ display: block;
1804
+ white-space: nowrap;
1805
+ overflow: hidden;
1806
+ text-overflow: ellipsis;
1807
+ }
1808
+ /* Product page */
1809
+ .product-list-box {
1810
+ position: relative;
1811
+ }
1812
+ .product-list-box img {
1813
+ height: auto;
1814
+ margin: 0 auto;
1815
+ display: block;
1816
+ }
1817
+ .product-list-box .product-action {
1818
+ position: absolute;
1819
+ right: 20px;
1820
+ top: 20px;
1821
+ display: none;
1822
+ }
1823
+ .product-list-box .price-tag {
1824
+ float: right;
1825
+ height: 64px;
1826
+ width: 64px;
1827
+ text-align: center;
1828
+ line-height: 64px;
1829
+ background-color: rgba(152, 166, 173, 0.2);
1830
+ border: 1px solid #98a6ad;
1831
+ border-radius: 50%;
1832
+ margin-top: 20px;
1833
+ font-size: 18px;
1834
+ font-weight: 600;
1835
+ margin-right: 10px;
1836
+ }
1837
+ .product-list-box .detail {
1838
+ padding: 20px;
1839
+ margin: 0px -10px -10px;
1840
+ overflow: hidden;
1841
+ }
1842
+ .product-list-box .detail h4 a {
1843
+ white-space: nowrap;
1844
+ display: block;
1845
+ overflow: hidden;
1846
+ text-overflow: ellipsis;
1847
+ font-weight: 600;
1848
+ }
1849
+ .product-list-box:hover .product-action {
1850
+ display: block;
1851
+ }
1852
+ .rating ul {
1853
+ margin-left: 0;
1854
+ }
1855
+ .rating ul li {
1856
+ padding: 0;
1857
+ }
1858
+ .rating ul li a {
1859
+ color: #ffbd4a;
1860
+ font-size: 15px;
1861
+ margin-bottom: 0;
1862
+ padding-right: 4px;
1863
+ }
1864
+ .product-search {
1865
+ border-radius: 30px;
1866
+ padding: 7px 22px;
1867
+ background-color: transparent !important;
1868
+ border: 2px solid #98a6ad !important;
1869
+ }
1870
+ .product-detail-box .sp-wrap {
1871
+ max-width: 100%;
1872
+ }
1873
+ /* =============
1874
+ Accounts pages
1875
+ ============= */
1876
+ .account-pages {
1877
+ background: url("../images/agsquare.png");
1878
+ position: absolute;
1879
+ height: 100%;
1880
+ width: 100%;
1881
+ }
1882
+ .wrapper-page {
1883
+ margin: 5% auto;
1884
+ position: relative;
1885
+ width: 420px;
1886
+ }
1887
+ .wrapper-page .card-box {
1888
+ border: 1px solid rgba(54, 64, 74, 0.1);
1889
+ }
1890
+ .panel-pages {
1891
+ border-radius: 6px;
1892
+ }
1893
+ .panel-pages .panel-body {
1894
+ padding: 30px;
1895
+ }
1896
+ .panel-pages .panel-heading {
1897
+ -moz-border-radius: 6px 6px 0px 0px;
1898
+ -webkit-border-radius: 6px 6px 0px 0px;
1899
+ border-radius: 6px 6px 0px 0px;
1900
+ padding: 40px 20px;
1901
+ position: relative;
1902
+ }
1903
+ .panel-pages .panel-heading h3 {
1904
+ position: relative;
1905
+ z-index: 999;
1906
+ }
1907
+ .user-thumb {
1908
+ position: relative;
1909
+ z-index: 999;
1910
+ }
1911
+ .user-thumb img {
1912
+ height: 88px;
1913
+ margin: 0px auto;
1914
+ width: 88px;
1915
+ }
1916
+ .ex-page-content .text-error {
1917
+ color: #252932;
1918
+ font-size: 98px;
1919
+ font-weight: 700;
1920
+ line-height: 150px;
1921
+ }
1922
+ .ex-page-content .text-error i {
1923
+ font-size: 78px;
1924
+ padding: 0px 10px;
1925
+ }
1926
+ /* signup-signin-page */
1927
+ .signup-signin-page {
1928
+ width: auto;
1929
+ }
1930
+ /* =============
1931
+ Tree view page
1932
+ ============= */
1933
+ .jstree-default .jstree-clicked {
1934
+ background: rgba(95, 190, 170, 0.4);
1935
+ box-shadow: none;
1936
+ }
1937
+ .jstree-default .jstree-hovered {
1938
+ background: rgba(95, 190, 170, 0.2);
1939
+ box-shadow: none;
1940
+ }
1941
+ .jstree-default .jstree-wholerow-clicked {
1942
+ background: rgba(95, 190, 170, 0.4);
1943
+ }
1944
+ .jstree-default .jstree-wholerow-hovered {
1945
+ background: rgba(95, 190, 170, 0.2);
1946
+ }
1947
+ .jstree-default .zmdi {
1948
+ font-size: 16px;
1949
+ }
1950
+ /* =============
1951
+ Tour page
1952
+ ============= */
1953
+ div.hopscotch-bubble {
1954
+ border: 3px solid #5d9cec;
1955
+ -webkit-border-radius: 5px;
1956
+ border-radius: 5px;
1957
+ -moz-border-radius: 5px;
1958
+ background-clip: padding-box;
1959
+ }
1960
+ div.hopscotch-bubble .hopscotch-next {
1961
+ background-color: #5d9cec !important;
1962
+ background-image: none !important;
1963
+ border-color: #5d9cec !important;
1964
+ text-shadow: none !important;
1965
+ margin: 0 0 0 5px !important;
1966
+ }
1967
+ div.hopscotch-bubble .hopscotch-prev {
1968
+ background-color: #5d9cec !important;
1969
+ background-image: none !important;
1970
+ border-color: #5d9cec !important;
1971
+ text-shadow: none !important;
1972
+ color: #ffffff !important;
1973
+ }
1974
+ div.hopscotch-bubble .hopscotch-bubble-number {
1975
+ background: #5fbeaa;
1976
+ padding: 0px;
1977
+ -webkit-border-radius: 50%;
1978
+ border-radius: 50%;
1979
+ -moz-border-radius: 50%;
1980
+ background-clip: padding-box;
1981
+ }
1982
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
1983
+ border-right: 19px solid #5d9cec;
1984
+ }
1985
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
1986
+ border-left: 19px solid #5d9cec;
1987
+ left: -2px;
1988
+ }
1989
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
1990
+ border: none;
1991
+ }
1992
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
1993
+ border-left: 0px solid #5d9cec;
1994
+ }
1995
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
1996
+ border-bottom: 19px solid #5d9cec;
1997
+ top: 0px;
1998
+ }
1999
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
2000
+ border-bottom: 0px solid rgba(0, 0, 0, 0.5);
2001
+ }
2002
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
2003
+ border-top: 19px solid #5d9cec;
2004
+ top: -2px;
2005
+ }
2006
+ div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
2007
+ border-top: 0px solid rgba(0, 0, 0, 0.5);
2008
+ }
2009
+ .taskList li {
2010
+ background-color: #fafafa;
2011
+ border: 1px solid rgba(152, 166, 173, 0.2);
2012
+ border-left-width: 3px;
2013
+ border-radius: 3px;
2014
+ padding: 10px;
2015
+ margin-bottom: 15px;
2016
+ }
2017
+ .taskList .task-success {
2018
+ border-left-color: #81c868;
2019
+ }
2020
+ .taskList .task-info {
2021
+ border-left-color: #34d3eb;
2022
+ }
2023
+ .taskList .task-warning {
2024
+ border-left-color: #ffbd4a;
2025
+ }
2026
+ .taskList .task-danger {
2027
+ border-left-color: #f05050;
2028
+ }
2029
+ .taskList a {
2030
+ font-size: 13px;
2031
+ }
2032
+ .taskList .checkbox {
2033
+ margin-left: 20px;
2034
+ }
2035
+ .task-placeholder {
2036
+ border: 1px dashed rgba(152, 166, 173, 0.5) !important;
2037
+ background-color: rgba(152, 166, 173, 0.2) !important;
2038
+ padding: 20px;
2039
+ }