Post Grid - Version 2.0.64

Version Description

  • 2020-06-04 fix - layout import skip added.
Download this release

Release Info

Developer pickplugins
Plugin Icon 128x128 Post Grid
Version 2.0.64
Comparing to
See all releases

Code changes from version 2.0.61 to 2.0.64

assets/admin/js/scripts.js CHANGED
@@ -48,6 +48,8 @@ jQuery(document).ready(function($){
48
  event.preventDefault();
49
 
50
  xml_source = $(this).attr('href');
 
 
51
  $(this).html('Please wait...');
52
 
53
 
@@ -58,13 +60,16 @@ jQuery(document).ready(function($){
58
  type: 'POST',
59
  context: this,
60
  url: post_grid_ajax.post_grid_ajaxurl,
61
- data: {"action": "post_grid_import_xml_layouts","source": xml_source },
62
  success: function(response) {
63
  var data = JSON.parse( response );
64
 
65
  success = data['success'];
 
66
 
67
  $(this).html(success);
 
 
68
 
69
  console.log(success);
70
 
48
  event.preventDefault();
49
 
50
  xml_source = $(this).attr('href');
51
+ skip = $(this).attr('skip');
52
+
53
  $(this).html('Please wait...');
54
 
55
 
60
  type: 'POST',
61
  context: this,
62
  url: post_grid_ajax.post_grid_ajaxurl,
63
+ data: {"action": "post_grid_import_xml_layouts","source": xml_source,"skip": skip },
64
  success: function(response) {
65
  var data = JSON.parse( response );
66
 
67
  success = data['success'];
68
+ skip_success = data['skip_success'];
69
 
70
  $(this).html(success);
71
+ $(this).html(skip_success);
72
+
73
 
74
  console.log(success);
75
 
assets/frontend/js/layout-builder.js ADDED
@@ -0,0 +1,1348 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Author: PickPlugins
3
+ * Copyright:
4
+ *
5
+ * */
6
+ editorSettings = {
7
+ activeTab: 0,
8
+ selectedElement: {path:[], elType: ''},
9
+ selectedPath: '',
10
+ selectedelType: '',
11
+ breakpoints:{mobile:'576px', tablet:'992px', desktop:'1200px'}
12
+
13
+ }
14
+
15
+ tabNavs = document.querySelectorAll('.tab-navs .nav');
16
+ tabsContent = document.querySelectorAll('.tab-content');
17
+ toolsToggle = document.querySelectorAll('.tools-toggle');
18
+ templatePreview = document.getElementById('template-preview');
19
+ codeDisplay = document.getElementById('codeDisplay');
20
+ selectedObjectSettings = document.getElementById('selectedObjectSettings');
21
+
22
+
23
+
24
+ tools_tabs_switch(editorSettings);
25
+
26
+ function tools_tabs_switch(editorSettings){
27
+ activeTab = editorSettings.activeTab;
28
+
29
+ console.log('activeTab');
30
+ console.log(activeTab);
31
+
32
+ i = 0;
33
+ tabNavs.forEach((tabNav) => {
34
+ content = tabsContent[i]
35
+
36
+ //console.log(content);
37
+ tabNav.classList.remove("active");
38
+ tabNav.classList.remove("inactive");
39
+
40
+ content.classList.remove("active");
41
+ content.classList.remove("inactive");
42
+
43
+
44
+ if(i == activeTab){
45
+
46
+ tabNav.classList.add("active");
47
+ content.classList.add("active");
48
+ content.style.display = 'block';
49
+
50
+ }else{
51
+ tabNav.classList.add("inactive");
52
+ content.classList.add("inactive");
53
+ content.style.display = 'none';
54
+ }
55
+ i++;
56
+ });
57
+
58
+ }
59
+
60
+
61
+
62
+ // Listen click event for tabs
63
+
64
+ tabNavs.forEach((nav) => {
65
+ nav.addEventListener('click', () => {
66
+
67
+ dataId = nav.getAttribute('data-id');
68
+ data_id_nav = 'data-id-'+dataId;
69
+
70
+ tabNavs.forEach((navItem) => {
71
+ navClasses = navItem.className;
72
+ navItem.classList.remove("active");
73
+
74
+ nav.classList.add("active");
75
+ })
76
+
77
+ tabsContent.forEach((tabContent) => {
78
+ tabContentClasses = tabContent.className;
79
+
80
+ if(tabContentClasses.indexOf(data_id_nav) < 0){
81
+ tabContent.style.display = 'none';
82
+ }else{
83
+ tabContent.style.display = 'block';
84
+ }
85
+
86
+ });
87
+
88
+ });
89
+ });
90
+
91
+
92
+
93
+ toolsToggle.forEach((toggle) => {
94
+
95
+ header = toggle.querySelectorAll('.toggle-header');
96
+
97
+
98
+ header[0].addEventListener('click', () => {
99
+ toggleClasses = toggle.className;
100
+
101
+ if(toggleClasses.indexOf('active') < 0){
102
+
103
+ toggle.classList.add("active");
104
+
105
+ }else{
106
+
107
+ toggle.classList.remove("active");
108
+ }
109
+
110
+ })
111
+ })
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+ templateData = [
125
+ {
126
+ elType: "container",
127
+ elName: "Container 1",
128
+ class: "pglb-container container p-1 m-1",
129
+ id: "",
130
+ isActive: false,
131
+ children: [
132
+ {
133
+ elType: "row",
134
+ elName: "row 11",
135
+ class: "pglb-row row p-1 m-1",
136
+ id: "",
137
+ isActive: false,
138
+ children: [
139
+ {
140
+ elType: "column",
141
+ elName: "column 111",
142
+ class: "pglb-column col p-1 m-1",
143
+ id: "",
144
+ isActive: false,
145
+ children: [
146
+ {
147
+ elType: "text",
148
+ elName: "Text 111",
149
+ class: "pglb-text pglb-element text p-1 m-1",
150
+ id: "",
151
+ isActive: false,
152
+ innerHtml: "111 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
153
+ children: [],
154
+ }
155
+ ],
156
+ },
157
+ {
158
+ elType: "column",
159
+ elName: "column 112",
160
+ class: "pglb-column col p-1 m-1",
161
+ id: "",
162
+ isActive: false,
163
+ children: [
164
+ {
165
+ elType: "text",
166
+ elName: "Text 112",
167
+ class: "pglb-text pglb-element text p-1 m-1",
168
+ id: "",
169
+ isActive: false,
170
+ innerHtml: "112 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
171
+ children: [],
172
+ }
173
+ ],
174
+ },
175
+ {
176
+ elType: "column",
177
+ elName: "column 113",
178
+ class: "pglb-column col p-1 m-1",
179
+ id: "",
180
+ isActive: false,
181
+ children: [
182
+ {
183
+ elType: "text",
184
+ elName: "Text 113",
185
+ class: "pglb-text pglb-element text p-1 m-1",
186
+ id: "",
187
+ isActive: false,
188
+ innerHtml: "113 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
189
+ children: [],
190
+ }
191
+ ],
192
+ },
193
+
194
+
195
+ ],
196
+ }],
197
+ },
198
+ {
199
+ elType: "container",
200
+ elName: "Container 2",
201
+ class: "pglb-container container p-1 m-1",
202
+ id: "",
203
+ isActive: false,
204
+ children: [
205
+ {
206
+ elType: "row",
207
+ elName: "row 21",
208
+ class: "pglb-row row p-1 m-1",
209
+ id: "",
210
+ isActive: false,
211
+ children: [
212
+ {
213
+ elType: "column",
214
+ elName: "column 211",
215
+ class: "pglb-column col p-1 m-1",
216
+ id: "",
217
+ isActive: false,
218
+ children: [
219
+ {
220
+ elType: "text",
221
+ elName: "Text 211",
222
+ class: "pglb-text pglb-element text p-1 m-1",
223
+ id: "",
224
+ isActive: false,
225
+ innerHtml: "211 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
226
+ children: [],
227
+ }
228
+ ],
229
+ },
230
+ {
231
+ elType: "column",
232
+ elName: "column 212",
233
+ class: "pglb-column col p-1 m-1",
234
+ id: "",
235
+ isActive: false,
236
+ children: [
237
+ {
238
+ elType: "text",
239
+ elName: "Text 212",
240
+ class: "pglb-text pglb-element text p-1 m-1",
241
+ id: "",
242
+ isActive: false,
243
+ innerHtml: "212 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
244
+ children: [],
245
+ }
246
+ ],
247
+ },
248
+ {
249
+ elType: "column",
250
+ elName: "column 213",
251
+ class: "pglb-column col p-1 m-1",
252
+ id: "",
253
+ isActive: false,
254
+ children: [
255
+ {
256
+ elType: "text",
257
+ elName: "Text 213",
258
+ class: "pglb-text pglb-element text p-1 m-1",
259
+ id: "",
260
+ isActive: false,
261
+ innerHtml: "213 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
262
+ children: [],
263
+ }
264
+ ],
265
+ },
266
+
267
+
268
+ ],
269
+ }],
270
+ },
271
+ {
272
+ elType: "container",
273
+ elName: "Container 3",
274
+ class: "pglb-container container p-1 m-1",
275
+ id: "",
276
+ isActive: false,
277
+ children: [
278
+ {
279
+ elType: "row",
280
+ elName: "row 31",
281
+ class: "pglb-row row p-1 m-1",
282
+ id: "",
283
+ isActive: false,
284
+ children: [
285
+ {
286
+ elType: "column",
287
+ elName: "column 311",
288
+ class: "pglb-column col p-1 m-1",
289
+ id: "",
290
+ isActive: false,
291
+ children: [
292
+ {
293
+ elType: "text",
294
+ elName: "Text 311",
295
+ class: "pglb-text pglb-element text p-1 m-1",
296
+ id: "",
297
+ isActive: false,
298
+ innerHtml: "311 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
299
+ children: [],
300
+ }
301
+ ],
302
+ },
303
+ {
304
+ elType: "column",
305
+ elName: "column 312",
306
+ class: "pglb-column col p-1 m-1",
307
+ id: "",
308
+ isActive: false,
309
+ children: [
310
+ {
311
+ elType: "text",
312
+ elName: "Text 312",
313
+ class: "pglb-text pglb-element text p-1 m-1",
314
+ id: "",
315
+ isActive: false,
316
+ innerHtml: "312 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
317
+ children: [],
318
+ }
319
+ ],
320
+ },
321
+ {
322
+ elType: "column",
323
+ elName: "column 313",
324
+ class: "pglb-column col p-1 m-1",
325
+ id: "",
326
+ isActive: false,
327
+ children: [
328
+ {
329
+ elType: "text",
330
+ elName: "Text 313",
331
+ class: "pglb-text pglb-element text p-1 m-1",
332
+ id: "",
333
+ isActive: false,
334
+ innerHtml: "313 The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.",
335
+ children: [],
336
+ }
337
+ ],
338
+ },
339
+
340
+
341
+ ],
342
+ }],
343
+ },
344
+
345
+
346
+
347
+ ];
348
+
349
+
350
+ elementsData = {
351
+ container:{
352
+ elType: "container",
353
+ elName: "Container 2",
354
+ class: "pglb-container container",
355
+ id: "",
356
+ isActive: false,
357
+ children: [],
358
+ },
359
+ row:{
360
+ elType: "row",
361
+ elName: "row 21",
362
+ class: "pglb-row row p-1 m-1",
363
+ id: "",
364
+ isActive: false,
365
+ children: [],
366
+ },
367
+ column:{
368
+ elType: "column",
369
+ elName: "column 211",
370
+ class: "pglb-column col p-1 m-1",
371
+ id: "",
372
+ isActive: false,
373
+ children: [],
374
+ },
375
+ heading:{
376
+ elType: "heading",
377
+ elName: "heading 211",
378
+ class: "pglb-heading pglb-element p-1 m-1",
379
+ id: "",
380
+ isActive: false,
381
+ tag: "h2",
382
+ innerHtml: 'The heading element',
383
+ style:{
384
+ color: {'576px': '', '992px': '', '1200px': ''},
385
+ hoverColor: {'576px': '', '992px': '', '1200px': ''},
386
+ fontSize: {'576px': '', '992px': '', '1200px': ''},
387
+ fontFamily: {'576px': '', '992px': '', '1200px': ''},
388
+ textAlign: {'576px': '', '992px': '', '1200px': ''},
389
+ fontWeight: {'576px': '', '992px': '', '1200px': ''},
390
+ textTransform: {'576px': '', '992px': '', '1200px': ''},
391
+ textDecoration: {'576px': '', '992px': '', '1200px': ''},
392
+ fontStyle: {'576px': '', '992px': '', '1200px': ''},
393
+ lineHeight: {'576px': '', '992px': '', '1200px': ''},
394
+ letterSpacing: {'576px': '', '992px': '', '1200px': ''},
395
+ zIndex: {'576px': '', '992px': '', '1200px': ''},
396
+ margin: {'576px': {top:'', right:'', bottom:'', left: ''}, '992px': {top:'', right:'', bottom:'', left: ''}, '1200px': {top:'', right:'', bottom:'', left: ''}},
397
+ padding: {'576px': {top:'', right:'', bottom:'', left: ''}, '992px': {top:'', right:'', bottom:'', left: ''}, '1200px': {top:'', right:'', bottom:'', left: ''}},
398
+ },
399
+ children: [],
400
+ },
401
+ text:{
402
+ elType: "text",
403
+ elName: "text 211",
404
+ class: "pglb-text pglb-element p-1 m-1",
405
+ id: "",
406
+ isActive: false,
407
+ innerHtml: 'The paragraph element is the default element type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.',
408
+ style:{
409
+ color: {'576px': '', '992px': '', '1200px': ''},
410
+ hoverColor: {'576px': '', '992px': '', '1200px': ''},
411
+ fontSize: {'576px': '', '992px': '', '1200px': ''},
412
+ fontFamily: {'576px': '', '992px': '', '1200px': ''},
413
+ textAlign: {'576px': '', '992px': '', '1200px': ''},
414
+ fontWeight: {'576px': '', '992px': '', '1200px': ''},
415
+ textTransform: {'576px': '', '992px': '', '1200px': ''},
416
+ textDecoration: {'576px': '', '992px': '', '1200px': ''},
417
+ fontStyle: {'576px': '', '992px': '', '1200px': ''},
418
+ lineHeight: {'576px': '', '992px': '', '1200px': ''},
419
+ letterSpacing: {'576px': '', '992px': '', '1200px': ''},
420
+ zIndex: {'576px': '', '992px': '', '1200px': ''},
421
+ margin: {'576px': {top:'', right:'', bottom:'', left: ''}, '992px': {top:'', right:'', bottom:'', left: ''}, '1200px': {top:'', right:'', bottom:'', left: ''}},
422
+ padding: {'576px': {top:'', right:'', bottom:'', left: ''}, '992px': {top:'', right:'', bottom:'', left: ''}, '1200px': {top:'', right:'', bottom:'', left: ''}},
423
+ },
424
+ children: [],
425
+ },
426
+
427
+ emptyRow:{
428
+ elType: "emptyRow",
429
+ elName: "empty 211",
430
+ class: "pglb-empty text-center w-100 p-1 m-1",
431
+ id: "",
432
+ isActive: false,
433
+ innerHtml: '<i class="far fa-plus-square"></i> Add Row',
434
+ children: [],
435
+ },
436
+ emptyColumn:{
437
+ elType: "emptyColumn",
438
+ elName: "empty 211",
439
+ class: "pglb-empty text-center w-100 p-1 m-1",
440
+ id: "",
441
+ isActive: false,
442
+ innerHtml: '<i class="far fa-plus-square"></i> Add Column',
443
+ children: [],
444
+ },
445
+
446
+ empty:{
447
+ elType: "empty",
448
+ elName: "empty 211",
449
+ class: "pglb-empty text-center w-100 p-1 m-1",
450
+ id: "",
451
+ isActive: false,
452
+ innerHtml: '<i class="far fa-plus-square"></i> Add Elements',
453
+ children: [],
454
+ },
455
+
456
+ link:{
457
+ elType: "link",
458
+ elName: "link 211",
459
+ class: "pglb-link pglb-element p-1 m-1",
460
+ id: "",
461
+ isActive: false,
462
+ innerHtml: 'Link text',
463
+ target: '_blank',
464
+ href: '#url',
465
+ style:{
466
+ color: {'576px': '', '992px': '', '1200px': ''},
467
+ hoverColor: {'576px': '', '992px': '', '1200px': ''},
468
+ fontSize: {'576px': '', '992px': '', '1200px': ''},
469
+ fontFamily: {'576px': '', '992px': '', '1200px': ''},
470
+ textAlign: {'576px': '', '992px': '', '1200px': ''},
471
+ fontWeight: {'576px': '', '992px': '', '1200px': ''},
472
+ textTransform: {'576px': '', '992px': '', '1200px': ''},
473
+ textDecoration: {'576px': '', '992px': '', '1200px': ''},
474
+ fontStyle: {'576px': '', '992px': '', '1200px': ''},
475
+ lineHeight: {'576px': '', '992px': '', '1200px': ''},
476
+ letterSpacing: {'576px': '', '992px': '', '1200px': ''},
477
+ zIndex: {'576px': '', '992px': '', '1200px': ''},
478
+ margin: {'576px': {top:'', right:'', bottom:'', left: ''}, '992px': {top:'', right:'', bottom:'', left: ''}, '1200px': {top:'', right:'', bottom:'', left: ''}},
479
+ padding: {'576px': {top:'', right:'', bottom:'', left: ''}, '992px': {top:'', right:'', bottom:'', left: ''}, '1200px': {top:'', right:'', bottom:'', left: ''}},
480
+ },
481
+ children: [],
482
+ },
483
+ image:{
484
+ elType: "image",
485
+ elName: "image 211",
486
+ class: "pglb-image pglb-element p-1 m-1",
487
+ id: "",
488
+ isActive: false,
489
+ src: 'https://i.imgur.com/QheX3ut.jpg',
490
+ style:{
491
+ width: {'576px': '', '992px': '', '1200px': ''},
492
+ height: {'576px': '', '992px': '', '1200px': ''},
493
+ margin: {'576px': '', '992px': '', '1200px': ''},
494
+ padding: {'576px': '', '992px': '', '1200px': ''},
495
+ },
496
+ children: [],
497
+ },
498
+
499
+
500
+ }
501
+
502
+
503
+
504
+
505
+
506
+
507
+
508
+ function elTreeView(data) {
509
+
510
+
511
+ selectedPath = (editorSettings.selectedPath.length != 0) ? editorSettings.selectedPath : [0,0,0];
512
+
513
+ //console.log(selectedPath);
514
+
515
+ html = '';
516
+
517
+ for (var index in data){
518
+
519
+ element = data[index];
520
+ elName = (element.elName !== 'undefined') ? element.elName : '';
521
+ elType = (element.elType) ? element.elType : '';
522
+
523
+
524
+ children = element.children;
525
+ element.index = index;
526
+ element.id = elType+"-"+index;
527
+ element.isActive = (selectedPath[0] == index) ? true : false;
528
+
529
+
530
+
531
+ args = {};
532
+
533
+ //console.log(elType+": "+ index);
534
+
535
+ html += elementStartTag(element);
536
+
537
+ if(children.length > 0){
538
+
539
+ selectedPath.splice(0,1);
540
+ //console.log(selectedPath);
541
+ args.selectedPath = selectedPath;
542
+
543
+ generateChildHtml(children, args);
544
+ }
545
+ html += elementEndTag(element);
546
+
547
+
548
+ }
549
+
550
+
551
+
552
+ return html;
553
+
554
+
555
+ }
556
+
557
+
558
+ elTreeView(templateData);
559
+
560
+ function generateChildHtml(data, args){
561
+
562
+
563
+ for (var index in data){
564
+ element = data[index];
565
+ elName = element.elName;
566
+ elType = element.elType;
567
+ id = element.id;
568
+ selectedPath = args.selectedPath;
569
+
570
+ //console.log(selectedPath);
571
+
572
+ element.isActive = (selectedPath[0] == index) ? true : false;
573
+
574
+
575
+ children = element.children;
576
+
577
+ element.id = (id) ? id : '';
578
+ element.index = index;
579
+
580
+
581
+ html += elementStartTag(element);
582
+
583
+ if( children.length > 0){
584
+ generateChildHtml(children, args);
585
+ }
586
+
587
+
588
+
589
+ html += elementEndTag(element);
590
+ }
591
+ }
592
+
593
+
594
+
595
+ templatePreview.innerHTML = html;
596
+
597
+
598
+
599
+ function elementStartTag( element) {
600
+
601
+ if(elType == 'container'){
602
+ return generateElHtmlcontainer(element);
603
+ }else if(elType == 'row'){
604
+ return generateElHtmlrow(element);
605
+ }
606
+ else if(elType == 'column'){
607
+ return generateElHtmlcolumn(element);
608
+ }
609
+ else if(elType == 'text'){
610
+ return generateElHtmltext(element);
611
+ }
612
+ else if(elType == 'heading'){
613
+ return generateElHtmlheading(element);
614
+ }
615
+ else if(elType == 'image'){
616
+ return generateElHtmlimage(element);
617
+ }
618
+ else if(elType == 'link'){
619
+ return generateElHtmllink(element);
620
+ }
621
+ else if(elType == 'empty'){
622
+ return generateElHtmlempty(element);
623
+ }
624
+ else if(elType == 'emptyColumn'){
625
+ return generateElHtmlemptyColumn(element);
626
+ }
627
+ else if(elType == 'emptyRow'){
628
+ return generateElHtmlemptyRow(element);
629
+ }
630
+ else{
631
+ return "";
632
+ }
633
+ }
634
+
635
+
636
+ function elementEndTag( element) {
637
+
638
+ if(elType == 'container'){
639
+ return '</div>';
640
+ }else if(elType == 'row'){
641
+ return '</div>';
642
+ }
643
+ else if(elType == 'column'){
644
+ return '</div>';
645
+ }
646
+ else if(elType == 'text'){
647
+ return '</div>';
648
+ }
649
+ else if(elType == 'heading'){
650
+ return '</div>';
651
+ }
652
+
653
+ else if(elType == 'image'){
654
+ return '</div>';
655
+ }
656
+ else if(elType == 'link'){
657
+ return '</div>';
658
+ }
659
+ else if(elType == 'empty'){
660
+ return '</div>';
661
+ }
662
+ else if(elType == 'emptyColumn'){
663
+ return '</div>';
664
+ }
665
+ else if(elType == 'emptyRow'){
666
+ return '</div>';
667
+ }
668
+
669
+
670
+ else{
671
+ return "";
672
+ }
673
+ }
674
+
675
+
676
+
677
+
678
+
679
+
680
+
681
+
682
+ function generateElHtmlcontainer(element){
683
+
684
+ html = "";
685
+
686
+ elId = element.id;
687
+ elClass = element.class;
688
+ elType = element.elType;
689
+ isActive = element.isActive;
690
+ isActiveClass = (isActive) ? 'active' : '';
691
+
692
+ index = element.index;
693
+ children = (children.length != 0) ? element.children : [elementsData.emptyRow];
694
+
695
+
696
+
697
+ //console.log(index);
698
+
699
+ html += '<div isActive="'+isActiveClass+'" index="'+index+'" id="'+elId+'" class="'+elClass+'" elType="'+elType+'">';
700
+ html += '<div class="containerSettings"><span onclick="customizeElement(this, event)" class="customizeElement"><i class="far fa-edit"></i></span><span onclick="selectElement(this, event)" class="selectElement"><i class="fas fa-check"></i></span><span onclick="removeElement(this, event )" class="remove"><i class="fas fa-times"></i></span></div>';
701
+
702
+ // html += '{{el_container}}';
703
+ // html += '</div>';
704
+
705
+
706
+
707
+ return html;
708
+
709
+ }
710
+
711
+
712
+ function generateElHtmlrow(element){
713
+
714
+ html = "";
715
+
716
+ elId = element.id;
717
+ elClass = element.class;
718
+ elType = element.elType;
719
+ index = element.index;
720
+
721
+ children = (children.length != 0) ? element.children : [elementsData.emptyColumn];
722
+
723
+ html += '<div index="'+index+'" id="'+elId+'" class="'+elClass+'" elType="'+elType+'">';
724
+ html += '<div class="rowSettings"><span onclick="customizeElement(this, event)" class="customizeElement"><i class="far fa-edit"></i></span><span onclick="selectElement(this, event)" class="selectElement"><i class="fas fa-check"></i></span><span onclick="removeElement(this, event)" class="remove"><i class="fas fa-times"></i></span></div>';
725
+
726
+ // html += '{{el_row}}';
727
+ // html += '</div>';
728
+
729
+
730
+
731
+ return html;
732
+
733
+ }
734
+
735
+
736
+ function generateElHtmlcolumn(element){
737
+
738
+ html = "";
739
+
740
+ elId = element.id;
741
+ elClass = element.class;
742
+ elType = element.elType;
743
+ children = (children.length != 0) ? element.children : [elementsData.empty];
744
+
745
+
746
+
747
+
748
+ index = element.index;
749
+
750
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
751
+ html += '<div class="columnSettings"><span onclick="customizeElement(this, event)" class="customizeElement"><i class="far fa-edit"></i></span><span onclick="selectElement(this, event)" class="selectElement" ><i class="fas fa-check"></i></span><span onclick="removeElement(this, event)" class="remove"><i class="fas fa-times"></i></span></div>';
752
+
753
+ if(children.length == 0){
754
+ html += '<i class="far fa-plus-square"></i>';
755
+ }
756
+
757
+
758
+ // html += '{{el_column}}';
759
+ // html += '</div>';
760
+
761
+
762
+
763
+
764
+
765
+
766
+ return html;
767
+
768
+ }
769
+
770
+ function generateElHtmltext(element){
771
+
772
+ html = "";
773
+
774
+ elId = element.id;
775
+ elClass = element.class;
776
+ elType = element.elType;
777
+ innerHtml = element.innerHtml;
778
+ index = element.index;
779
+
780
+ children = element.children;
781
+
782
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
783
+ html += '<div class="elementSettings"><span onclick="customizeElement(this, event)" class="customizeElement"><i class="far fa-edit"></i></span><span onclick="removeElement(this, event)" class="remove"><i class="fas fa-times"></i></span></div>';
784
+
785
+ html += innerHtml;
786
+ // html += '</div>';
787
+
788
+ return html;
789
+ }
790
+
791
+
792
+ function generateElHtmlempty(element){
793
+
794
+ html = "";
795
+
796
+ elId = element.id;
797
+ elClass = element.class;
798
+ elType = element.elType;
799
+ innerHtml = element.innerHtml;
800
+ index = element.index;
801
+
802
+ children = element.children;
803
+
804
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
805
+ html += innerHtml;
806
+ // html += '</div>';
807
+
808
+ return html;
809
+ }
810
+
811
+
812
+ function generateElHtmlemptyRow(element){
813
+
814
+ html = "";
815
+
816
+ elId = element.id;
817
+ elClass = element.class;
818
+ elType = element.elType;
819
+ innerHtml = element.innerHtml;
820
+ index = element.index;
821
+
822
+ children = element.children;
823
+
824
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
825
+ html += innerHtml;
826
+ // html += '</div>';
827
+
828
+ return html;
829
+ }
830
+
831
+
832
+ function generateElHtmlemptyColumn(element){
833
+
834
+ html = "";
835
+
836
+ elId = element.id;
837
+ elClass = element.class;
838
+ elType = element.elType;
839
+ innerHtml = element.innerHtml;
840
+ index = element.index;
841
+
842
+ children = element.children;
843
+
844
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
845
+ html += innerHtml;
846
+ // html += '</div>';
847
+
848
+ return html;
849
+ }
850
+
851
+
852
+
853
+
854
+
855
+
856
+
857
+
858
+
859
+ function generateElHtmllink(element){
860
+
861
+ html = "";
862
+
863
+ elId = element.id;
864
+ elClass = element.class;
865
+ elType = element.elType;
866
+ innerHtml = element.innerHtml;
867
+ href = element.href;
868
+ target = element.target;
869
+
870
+
871
+ index = element.index;
872
+
873
+ children = element.children;
874
+
875
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
876
+ html += '<div class="elementSettings"><span onclick="customizeElement(this, event)" class="customizeElement"><i class="far fa-edit"></i></span><span onclick="removeElement(this, event)" class="remove"><i class="fas fa-times"></i></span></div>';
877
+
878
+ html += '<a target="'+target+'" href="'+href+'">';
879
+ html += innerHtml;
880
+ html += '</a>';
881
+
882
+
883
+ // html += '</div>';
884
+
885
+ return html;
886
+
887
+ }
888
+ function generateElHtmlheading(element){
889
+
890
+ html = "";
891
+
892
+ elId = element.id;
893
+ elClass = element.class;
894
+ elType = element.elType;
895
+ tag = element.tag;
896
+ innerHtml = element.innerHtml;
897
+ index = element.index;
898
+
899
+ children = element.children;
900
+
901
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
902
+ html += '<div class="elementSettings"><span onclick="customizeElement(this, event)" class="customizeElement"><i class="far fa-edit"></i></span><span onclick="removeElement(this, event)" class="remove"><i class="fas fa-times"></i></span></div>';
903
+ html += '<'+tag+'>';
904
+ html += innerHtml;
905
+ html += '</'+tag+'>';
906
+ // html += '</div>';
907
+
908
+ return html;
909
+
910
+ }
911
+
912
+
913
+ function generateElHtmlimage(element){
914
+
915
+ html = "";
916
+
917
+ elId = element.id;
918
+ elClass = element.class;
919
+ elType = element.elType;
920
+ index = element.index;
921
+ src = element.src;
922
+
923
+ html += '<div id="'+elId+'" index="'+index+'" class="'+elClass+'" elType="'+elType+'">';
924
+ html += '<div class="elementSettings"><span onclick="customizeElement(this, event)" class="customizeElement"><i class="far fa-edit"></i></span><span onclick="removeElement(this, event)" class="remove"><i class="fas fa-times"></i></span></div>';
925
+ html += '<img src="'+src+'" />';
926
+ //html += '{{el_text}}';
927
+ // html += '</div>';
928
+
929
+
930
+
931
+ return html;
932
+
933
+ }
934
+
935
+
936
+ //console.log(templateData);
937
+
938
+
939
+
940
+
941
+ function removeElement(currentEl, event){
942
+
943
+ //console.log(currentEl);
944
+
945
+
946
+ newtemplateData = templateData;
947
+ //console.log(newtemplateData);
948
+
949
+
950
+ event.stopPropagation();
951
+
952
+ el = currentEl;
953
+
954
+ elId = el.getAttribute('id');
955
+ elIndex = el.getAttribute('index');
956
+ elClass = el.getAttribute('class');
957
+
958
+
959
+ // console.log(elId);
960
+ // console.log(elIndex);
961
+ // console.log(elClass);
962
+
963
+ var els = [];
964
+ var Indexes = [elIndex];
965
+
966
+
967
+ while (el) {
968
+ els.unshift(el);
969
+ el = el.parentNode;
970
+
971
+ elId = el.getAttribute('id');
972
+ elIndex = el.getAttribute('index');
973
+ elClass = el.getAttribute('class');
974
+
975
+ // console.log(elId);
976
+ // console.log(elIndex);
977
+ // console.log(elClass);
978
+
979
+ if(elIndex !== null)
980
+ Indexes.push(elIndex);
981
+
982
+
983
+ if(elId == 'template-preview') break;
984
+
985
+
986
+
987
+ }
988
+
989
+ Indexes.reverse();
990
+
991
+
992
+ var Indexes = Indexes.filter(function (item) {
993
+ return item != null;
994
+ });
995
+
996
+
997
+ indexCount = Indexes.length;
998
+
999
+ //console.log(Indexes);
1000
+
1001
+ if(indexCount == 1){
1002
+ //delete templateData[Indexes[0]];
1003
+ newtemplateData.splice(Indexes[0], 1);
1004
+
1005
+ templatePreview.innerHTML = elTreeView(newtemplateData);
1006
+
1007
+ }else{
1008
+
1009
+ //console.log(Indexes);
1010
+
1011
+ containerIndex = Indexes[0];
1012
+ //console.log(containerIndex);
1013
+ //delete Indexes[0];
1014
+ Indexes.splice(0, 1);
1015
+
1016
+ // console.log(newtemplateData[containerIndex]);
1017
+ // console.log(Indexes);
1018
+
1019
+
1020
+ newData = deletetemplateData(Indexes, newtemplateData[containerIndex]);
1021
+ templatePreview.innerHTML = elTreeView(newtemplateData);
1022
+
1023
+ // console.log(typeof newData);
1024
+ //
1025
+ // if(typeof newData !== 'undefined' && newData !== null){
1026
+ // console.log(newData);
1027
+ //
1028
+ // templateData[containerIndex] = newData;
1029
+ // }
1030
+
1031
+ }
1032
+
1033
+ //console.log(typeof templateData);
1034
+
1035
+
1036
+ }
1037
+
1038
+
1039
+
1040
+
1041
+ function deletetemplateData(index, data) {
1042
+
1043
+ console.log("##################");
1044
+
1045
+ console.log(index);
1046
+ console.log(data);
1047
+
1048
+
1049
+ indexCount = index.length;
1050
+
1051
+ // console.log("indexCount");
1052
+ // console.log(indexCount);
1053
+ // console.log(index[0]);
1054
+
1055
+
1056
+ if(indexCount > 1){
1057
+
1058
+ newData = data.children[index[0]];
1059
+ //console.log(newData);
1060
+
1061
+ //delete index[0];
1062
+ index.splice(0,1);
1063
+
1064
+
1065
+ //console.log(index);
1066
+
1067
+ data = deletetemplateData(index, newData);
1068
+
1069
+
1070
+
1071
+
1072
+ }else{
1073
+
1074
+ //delete templateData.children[index[0]];
1075
+
1076
+ data.children.splice(index[0], 1);
1077
+
1078
+ //console.log(templateData);
1079
+
1080
+
1081
+ return data;
1082
+ }
1083
+
1084
+
1085
+
1086
+ //console.log(templateData);
1087
+
1088
+ //delete templateData.children[0].children[1];
1089
+
1090
+ //for (i = 0; i<indexCount; i++){
1091
+ //if(i > 0){
1092
+ //newData = deletetemplateData(index, templateData.children[index[i]]);
1093
+ //}
1094
+
1095
+ //}
1096
+ //delete templateData;
1097
+
1098
+
1099
+
1100
+
1101
+ }
1102
+
1103
+ function generateElementSettings(elType) {
1104
+
1105
+
1106
+
1107
+ html = '';
1108
+
1109
+
1110
+ html += 'Hello '+elType;
1111
+
1112
+
1113
+
1114
+ selectedObjectSettings.innerHTML = html;
1115
+
1116
+ toolsToggle = document.querySelectorAll('.tools-toggle');
1117
+
1118
+ console.log(toolsToggle);
1119
+
1120
+
1121
+ }
1122
+
1123
+
1124
+ function customizeElement(currentEl, event) {
1125
+
1126
+ //console.log(currentEl.parentNode);
1127
+ editorSettings.activeTab = 1;
1128
+ tools_tabs_switch(editorSettings);
1129
+
1130
+ event.stopPropagation();
1131
+ el = currentEl;
1132
+ selectElement(currentEl, event);
1133
+
1134
+ elType = editorSettings.selectedelType;
1135
+ path = editorSettings.selectedElement.path;
1136
+
1137
+
1138
+ console.log(elementsData[elType]);
1139
+ generateElementSettings(elType);
1140
+
1141
+
1142
+ }
1143
+
1144
+ function selectElement(currentEl, event){
1145
+
1146
+ //console.log(currentEl.parentNode);
1147
+
1148
+
1149
+ event.stopPropagation();
1150
+
1151
+ el = currentEl;
1152
+
1153
+ elId = el.getAttribute('id');
1154
+ elIndex = el.getAttribute('index');
1155
+ elClass = el.getAttribute('class');
1156
+
1157
+
1158
+ // console.log(elId);
1159
+ // console.log(elIndex);
1160
+ // console.log(elClass);
1161
+
1162
+ var els = [];
1163
+ var Indexes = [elIndex];
1164
+
1165
+
1166
+ while (el) {
1167
+ els.unshift(el);
1168
+ el = el.parentNode;
1169
+
1170
+ elId = el.getAttribute('id');
1171
+ elIndex = el.getAttribute('index');
1172
+ elClass = el.getAttribute('class');
1173
+ //el.setAttribute('isActive','active');
1174
+
1175
+ //el.addClass('active');
1176
+ //console.log(el);
1177
+
1178
+ // console.log(elId);
1179
+ // console.log(elIndex);
1180
+ //console.log(elClass);
1181
+
1182
+ if(elIndex !== null)
1183
+ Indexes.push(elIndex);
1184
+
1185
+
1186
+ if(elId == 'template-preview') break;
1187
+
1188
+
1189
+
1190
+ }
1191
+
1192
+ Indexes.reverse();
1193
+
1194
+
1195
+ var Indexes = Indexes.filter(function (item) {
1196
+ return item != null;
1197
+ });
1198
+
1199
+ console.log(Indexes);
1200
+
1201
+ currentEl.parentNode.parentNode.setAttribute("path", Indexes);
1202
+ elType = currentEl.parentNode.parentNode.getAttribute('elType');
1203
+
1204
+
1205
+ editorSettings.selectedPath = Indexes;
1206
+ editorSettings.selectedelType = elType;
1207
+
1208
+ editorSettings.selectedElement.path = Indexes;
1209
+ editorSettings.selectedElement.elType = elType;
1210
+
1211
+
1212
+ console.log(editorSettings);
1213
+ }
1214
+
1215
+ function getElementByIndex(index){
1216
+
1217
+ }
1218
+
1219
+
1220
+ function addElement(event, element ){
1221
+
1222
+ event.stopPropagation();
1223
+
1224
+ var elType = element.elType;
1225
+
1226
+ //console.log(element);
1227
+ //console.log(elementsData[elType]);
1228
+
1229
+
1230
+
1231
+
1232
+
1233
+ selectedElement = editorSettings.selectedElement;
1234
+ //console.log(selectedElement.path);
1235
+
1236
+
1237
+ selectedelType = (selectedElement.elType) ? selectedElement.elType : 'container';
1238
+ selectedPath = (selectedElement.path.length != 0) ? selectedElement.path : ["0"];
1239
+
1240
+
1241
+ // console.log('elType: '+elType);
1242
+ //
1243
+ // console.log('selectedelType: '+selectedelType);
1244
+ // console.log('selectedPath: ');
1245
+ // console.log(selectedPath);
1246
+
1247
+
1248
+ // console.log(templateData);
1249
+ // console.log(templateData);
1250
+
1251
+ if(selectedelType == 'container'){
1252
+
1253
+ if(elType == 'container'){
1254
+ containerIndex = selectedPath[0];
1255
+ templateData.push(elementsData[elType]);
1256
+
1257
+ }else if(elType == 'row'){
1258
+ containerIndex = selectedPath[0];
1259
+ rowIndex = selectedPath[1];
1260
+
1261
+ //console.log(templateData[containerIndex]);
1262
+
1263
+ templateData[containerIndex].children.push(elementsData[elType]);
1264
+
1265
+
1266
+ //templateData.push(elementsData[elType]);
1267
+ }else if(elType == 'column'){
1268
+ containerIndex = selectedPath[0];
1269
+ rowIndex = selectedPath[1];
1270
+ columnIndex = selectedPath[2];
1271
+
1272
+ templateData[containerIndex].children[rowIndex].children.push(elementsData[elType]);
1273
+
1274
+ //templateData.push(elementsData[elType]);
1275
+ }else {
1276
+ containerIndex = selectedPath[0];
1277
+ rowIndex = selectedPath[1];
1278
+ columnIndex = selectedPath[2];
1279
+ index = selectedPath[3];
1280
+
1281
+ templateData.push(elementsData[elType]);
1282
+
1283
+ }
1284
+
1285
+
1286
+
1287
+
1288
+ }else if(selectedelType == 'row'){
1289
+
1290
+ if(elType == 'column'){
1291
+ containerIndex = selectedPath[0];
1292
+ rowIndex = selectedPath[1];
1293
+ columnIndex = selectedPath[2];
1294
+
1295
+ templateData[containerIndex].children[rowIndex].children.push(elementsData[elType]);
1296
+
1297
+ //templateData.push(elementsData[elType]);
1298
+ }
1299
+
1300
+ }else if(selectedelType == 'column'){
1301
+
1302
+
1303
+ if(elType == 'container'){
1304
+ containerIndex = selectedPath[0];
1305
+ templateData.push(elementsData[elType]);
1306
+
1307
+ }else if(elType == 'row'){
1308
+ containerIndex = selectedPath[0];
1309
+ rowIndex = selectedPath[1];
1310
+
1311
+ //console.log(templateData[containerIndex]);
1312
+
1313
+ templateData[containerIndex].children.push(elementsData[elType]);
1314
+
1315
+
1316
+ //templateData.push(elementsData[elType]);
1317
+ }else if(elType == 'column'){
1318
+ containerIndex = selectedPath[0];
1319
+ rowIndex = selectedPath[1];
1320
+ columnIndex = selectedPath[2];
1321
+
1322
+ templateData[containerIndex].children[rowIndex].children.push(elementsData[elType]);
1323
+
1324
+ //templateData.push(elementsData[elType]);
1325
+ }else {
1326
+ containerIndex = selectedPath[0];
1327
+ rowIndex = selectedPath[1];
1328
+ columnIndex = selectedPath[2];
1329
+ index = selectedPath[3];
1330
+
1331
+ templateData[containerIndex].children[rowIndex].children[columnIndex].children.push(elementsData[elType]);
1332
+
1333
+
1334
+ //templateData.push(elementsData[elType]);
1335
+
1336
+ }
1337
+
1338
+ }else{
1339
+
1340
+ }
1341
+
1342
+ //console.log(templateData);
1343
+ templatePreview.innerHTML = elTreeView(templateData);
1344
+
1345
+
1346
+
1347
+ }
1348
+
assets/global/css/bootstrap.min.css ADDED
@@ -0,0 +1,8975 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*!
2
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+ :root {
8
+ --blue: #007bff;
9
+ --indigo: #6610f2;
10
+ --purple: #6f42c1;
11
+ --pink: #e83e8c;
12
+ --red: #dc3545;
13
+ --orange: #fd7e14;
14
+ --yellow: #ffc107;
15
+ --green: #28a745;
16
+ --teal: #20c997;
17
+ --cyan: #17a2b8;
18
+ --white: #fff;
19
+ --gray: #6c757d;
20
+ --gray-dark: #343a40;
21
+ --primary: #007bff;
22
+ --secondary: #6c757d;
23
+ --success: #28a745;
24
+ --info: #17a2b8;
25
+ --warning: #ffc107;
26
+ --danger: #dc3545;
27
+ --light: #f8f9fa;
28
+ --dark: #343a40;
29
+ --breakpoint-xs: 0;
30
+ --breakpoint-sm: 576px;
31
+ --breakpoint-md: 768px;
32
+ --breakpoint-lg: 992px;
33
+ --breakpoint-xl: 1200px;
34
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
35
+ --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
36
+ }
37
+
38
+ *,
39
+ *::before,
40
+ *::after {
41
+ box-sizing: border-box;
42
+ }
43
+
44
+ html {
45
+ font-family: sans-serif;
46
+ line-height: 1.15;
47
+ -webkit-text-size-adjust: 100%;
48
+ -ms-text-size-adjust: 100%;
49
+ -ms-overflow-style: scrollbar;
50
+ -webkit-tap-highlight-color: transparent;
51
+ }
52
+
53
+ @-ms-viewport {
54
+ width: device-width;
55
+ }
56
+
57
+ article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
58
+ display: block;
59
+ }
60
+
61
+ body {
62
+ margin: 0;
63
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
64
+ font-size: 1rem;
65
+ font-weight: 400;
66
+ line-height: 1.5;
67
+ color: #212529;
68
+ text-align: left;
69
+ background-color: #fff;
70
+ }
71
+
72
+ [tabindex="-1"]:focus {
73
+ outline: 0 !important;
74
+ }
75
+
76
+ hr {
77
+ box-sizing: content-box;
78
+ height: 0;
79
+ overflow: visible;
80
+ }
81
+
82
+ h1, h2, h3, h4, h5, h6 {
83
+ margin-top: 0;
84
+ margin-bottom: 0.5rem;
85
+ }
86
+
87
+ p {
88
+ margin-top: 0;
89
+ margin-bottom: 1rem;
90
+ }
91
+
92
+ abbr[title],
93
+ abbr[data-original-title] {
94
+ text-decoration: underline;
95
+ -webkit-text-decoration: underline dotted;
96
+ text-decoration: underline dotted;
97
+ cursor: help;
98
+ border-bottom: 0;
99
+ }
100
+
101
+ address {
102
+ margin-bottom: 1rem;
103
+ font-style: normal;
104
+ line-height: inherit;
105
+ }
106
+
107
+ ol,
108
+ ul,
109
+ dl {
110
+ margin-top: 0;
111
+ margin-bottom: 1rem;
112
+ }
113
+
114
+ ol ol,
115
+ ul ul,
116
+ ol ul,
117
+ ul ol {
118
+ margin-bottom: 0;
119
+ }
120
+
121
+ dt {
122
+ font-weight: 700;
123
+ }
124
+
125
+ dd {
126
+ margin-bottom: .5rem;
127
+ margin-left: 0;
128
+ }
129
+
130
+ blockquote {
131
+ margin: 0 0 1rem;
132
+ }
133
+
134
+ dfn {
135
+ font-style: italic;
136
+ }
137
+
138
+ b,
139
+ strong {
140
+ font-weight: bolder;
141
+ }
142
+
143
+ small {
144
+ font-size: 80%;
145
+ }
146
+
147
+ sub,
148
+ sup {
149
+ position: relative;
150
+ font-size: 75%;
151
+ line-height: 0;
152
+ vertical-align: baseline;
153
+ }
154
+
155
+ sub {
156
+ bottom: -.25em;
157
+ }
158
+
159
+ sup {
160
+ top: -.5em;
161
+ }
162
+
163
+ a {
164
+ color: #007bff;
165
+ text-decoration: none;
166
+ background-color: transparent;
167
+ -webkit-text-decoration-skip: objects;
168
+ }
169
+
170
+ a:hover {
171
+ color: #0056b3;
172
+ text-decoration: underline;
173
+ }
174
+
175
+ a:not([href]):not([tabindex]) {
176
+ color: inherit;
177
+ text-decoration: none;
178
+ }
179
+
180
+ a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
181
+ color: inherit;
182
+ text-decoration: none;
183
+ }
184
+
185
+ a:not([href]):not([tabindex]):focus {
186
+ outline: 0;
187
+ }
188
+
189
+ pre,
190
+ code,
191
+ kbd,
192
+ samp {
193
+ font-family: monospace, monospace;
194
+ font-size: 1em;
195
+ }
196
+
197
+ pre {
198
+ margin-top: 0;
199
+ margin-bottom: 1rem;
200
+ overflow: auto;
201
+ -ms-overflow-style: scrollbar;
202
+ }
203
+
204
+ figure {
205
+ margin: 0 0 1rem;
206
+ }
207
+
208
+ img {
209
+ vertical-align: middle;
210
+ border-style: none;
211
+ }
212
+
213
+ svg:not(:root) {
214
+ overflow: hidden;
215
+ }
216
+
217
+ table {
218
+ border-collapse: collapse;
219
+ }
220
+
221
+ caption {
222
+ padding-top: 0.75rem;
223
+ padding-bottom: 0.75rem;
224
+ color: #6c757d;
225
+ text-align: left;
226
+ caption-side: bottom;
227
+ }
228
+
229
+ th {
230
+ text-align: inherit;
231
+ }
232
+
233
+ label {
234
+ display: inline-block;
235
+ margin-bottom: .5rem;
236
+ }
237
+
238
+ button {
239
+ border-radius: 0;
240
+ }
241
+
242
+ button:focus {
243
+ outline: 1px dotted;
244
+ outline: 5px auto -webkit-focus-ring-color;
245
+ }
246
+
247
+ input,
248
+ button,
249
+ select,
250
+ optgroup,
251
+ textarea {
252
+ margin: 0;
253
+ font-family: inherit;
254
+ font-size: inherit;
255
+ line-height: inherit;
256
+ }
257
+
258
+ button,
259
+ input {
260
+ overflow: visible;
261
+ }
262
+
263
+ button,
264
+ select {
265
+ text-transform: none;
266
+ }
267
+
268
+ button,
269
+ html [type="button"],
270
+ [type="reset"],
271
+ [type="submit"] {
272
+ -webkit-appearance: button;
273
+ }
274
+
275
+ button::-moz-focus-inner,
276
+ [type="button"]::-moz-focus-inner,
277
+ [type="reset"]::-moz-focus-inner,
278
+ [type="submit"]::-moz-focus-inner {
279
+ padding: 0;
280
+ border-style: none;
281
+ }
282
+
283
+ input[type="radio"],
284
+ input[type="checkbox"] {
285
+ box-sizing: border-box;
286
+ padding: 0;
287
+ }
288
+
289
+ input[type="date"],
290
+ input[type="time"],
291
+ input[type="datetime-local"],
292
+ input[type="month"] {
293
+ -webkit-appearance: listbox;
294
+ }
295
+
296
+ textarea {
297
+ overflow: auto;
298
+ resize: vertical;
299
+ }
300
+
301
+ fieldset {
302
+ min-width: 0;
303
+ padding: 0;
304
+ margin: 0;
305
+ border: 0;
306
+ }
307
+
308
+ legend {
309
+ display: block;
310
+ width: 100%;
311
+ max-width: 100%;
312
+ padding: 0;
313
+ margin-bottom: .5rem;
314
+ font-size: 1.5rem;
315
+ line-height: inherit;
316
+ color: inherit;
317
+ white-space: normal;
318
+ }
319
+
320
+ progress {
321
+ vertical-align: baseline;
322
+ }
323
+
324
+ [type="number"]::-webkit-inner-spin-button,
325
+ [type="number"]::-webkit-outer-spin-button {
326
+ height: auto;
327
+ }
328
+
329
+ [type="search"] {
330
+ outline-offset: -2px;
331
+ -webkit-appearance: none;
332
+ }
333
+
334
+ [type="search"]::-webkit-search-cancel-button,
335
+ [type="search"]::-webkit-search-decoration {
336
+ -webkit-appearance: none;
337
+ }
338
+
339
+ ::-webkit-file-upload-button {
340
+ font: inherit;
341
+ -webkit-appearance: button;
342
+ }
343
+
344
+ output {
345
+ display: inline-block;
346
+ }
347
+
348
+ summary {
349
+ display: list-item;
350
+ cursor: pointer;
351
+ }
352
+
353
+ template {
354
+ display: none;
355
+ }
356
+
357
+ [hidden] {
358
+ display: none !important;
359
+ }
360
+
361
+ h1, h2, h3, h4, h5, h6,
362
+ .h1, .h2, .h3, .h4, .h5, .h6 {
363
+ margin-bottom: 0.5rem;
364
+ font-family: inherit;
365
+ font-weight: 500;
366
+ line-height: 1.2;
367
+ color: inherit;
368
+ }
369
+
370
+ h1, .h1 {
371
+ font-size: 2.5rem;
372
+ }
373
+
374
+ h2, .h2 {
375
+ font-size: 2rem;
376
+ }
377
+
378
+ h3, .h3 {
379
+ font-size: 1.75rem;
380
+ }
381
+
382
+ h4, .h4 {
383
+ font-size: 1.5rem;
384
+ }
385
+
386
+ h5, .h5 {
387
+ font-size: 1.25rem;
388
+ }
389
+
390
+ h6, .h6 {
391
+ font-size: 1rem;
392
+ }
393
+
394
+ .lead {
395
+ font-size: 1.25rem;
396
+ font-weight: 300;
397
+ }
398
+
399
+ .display-1 {
400
+ font-size: 6rem;
401
+ font-weight: 300;
402
+ line-height: 1.2;
403
+ }
404
+
405
+ .display-2 {
406
+ font-size: 5.5rem;
407
+ font-weight: 300;
408
+ line-height: 1.2;
409
+ }
410
+
411
+ .display-3 {
412
+ font-size: 4.5rem;
413
+ font-weight: 300;
414
+ line-height: 1.2;
415
+ }
416
+
417
+ .display-4 {
418
+ font-size: 3.5rem;
419
+ font-weight: 300;
420
+ line-height: 1.2;
421
+ }
422
+
423
+ hr {
424
+ margin-top: 1rem;
425
+ margin-bottom: 1rem;
426
+ border: 0;
427
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
428
+ }
429
+
430
+ small,
431
+ .small {
432
+ font-size: 80%;
433
+ font-weight: 400;
434
+ }
435
+
436
+ mark,
437
+ .mark {
438
+ padding: 0.2em;
439
+ background-color: #fcf8e3;
440
+ }
441
+
442
+ .list-unstyled {
443
+ padding-left: 0;
444
+ list-style: none;
445
+ }
446
+
447
+ .list-inline {
448
+ padding-left: 0;
449
+ list-style: none;
450
+ }
451
+
452
+ .list-inline-item {
453
+ display: inline-block;
454
+ }
455
+
456
+ .list-inline-item:not(:last-child) {
457
+ margin-right: 0.5rem;
458
+ }
459
+
460
+ .initialism {
461
+ font-size: 90%;
462
+ text-transform: uppercase;
463
+ }
464
+
465
+ .blockquote {
466
+ margin-bottom: 1rem;
467
+ font-size: 1.25rem;
468
+ }
469
+
470
+ .blockquote-footer {
471
+ display: block;
472
+ font-size: 80%;
473
+ color: #6c757d;
474
+ }
475
+
476
+ .blockquote-footer::before {
477
+ content: "\2014 \00A0";
478
+ }
479
+
480
+ .img-fluid {
481
+ max-width: 100%;
482
+ height: auto;
483
+ }
484
+
485
+ .img-thumbnail {
486
+ padding: 0.25rem;
487
+ background-color: #fff;
488
+ border: 1px solid #dee2e6;
489
+ border-radius: 0.25rem;
490
+ max-width: 100%;
491
+ height: auto;
492
+ }
493
+
494
+ .figure {
495
+ display: inline-block;
496
+ }
497
+
498
+ .figure-img {
499
+ margin-bottom: 0.5rem;
500
+ line-height: 1;
501
+ }
502
+
503
+ .figure-caption {
504
+ font-size: 90%;
505
+ color: #6c757d;
506
+ }
507
+
508
+ code,
509
+ kbd,
510
+ pre,
511
+ samp {
512
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
513
+ }
514
+
515
+ code {
516
+ font-size: 87.5%;
517
+ color: #e83e8c;
518
+ word-break: break-word;
519
+ }
520
+
521
+ a > code {
522
+ color: inherit;
523
+ }
524
+
525
+ kbd {
526
+ padding: 0.2rem 0.4rem;
527
+ font-size: 87.5%;
528
+ color: #fff;
529
+ background-color: #212529;
530
+ border-radius: 0.2rem;
531
+ }
532
+
533
+ kbd kbd {
534
+ padding: 0;
535
+ font-size: 100%;
536
+ font-weight: 700;
537
+ }
538
+
539
+ pre {
540
+ display: block;
541
+ font-size: 87.5%;
542
+ color: #212529;
543
+ }
544
+
545
+ pre code {
546
+ font-size: inherit;
547
+ color: inherit;
548
+ word-break: normal;
549
+ }
550
+
551
+ .pre-scrollable {
552
+ max-height: 340px;
553
+ overflow-y: scroll;
554
+ }
555
+
556
+ .container {
557
+ width: 100%;
558
+ padding-right: 15px;
559
+ padding-left: 15px;
560
+ margin-right: auto;
561
+ margin-left: auto;
562
+ }
563
+
564
+ @media (min-width: 576px) {
565
+ .container {
566
+ max-width: 540px;
567
+ }
568
+ }
569
+
570
+ @media (min-width: 768px) {
571
+ .container {
572
+ max-width: 720px;
573
+ }
574
+ }
575
+
576
+ @media (min-width: 992px) {
577
+ .container {
578
+ max-width: 960px;
579
+ }
580
+ }
581
+
582
+ @media (min-width: 1200px) {
583
+ .container {
584
+ max-width: 1140px;
585
+ }
586
+ }
587
+
588
+ .container-fluid {
589
+ width: 100%;
590
+ padding-right: 15px;
591
+ padding-left: 15px;
592
+ margin-right: auto;
593
+ margin-left: auto;
594
+ }
595
+
596
+ .row {
597
+ display: -webkit-box;
598
+ display: -ms-flexbox;
599
+ display: flex;
600
+ -ms-flex-wrap: wrap;
601
+ flex-wrap: wrap;
602
+ margin-right: -15px;
603
+ margin-left: -15px;
604
+ }
605
+
606
+ .no-gutters {
607
+ margin-right: 0;
608
+ margin-left: 0;
609
+ }
610
+
611
+ .no-gutters > .col,
612
+ .no-gutters > [class*="col-"] {
613
+ padding-right: 0;
614
+ padding-left: 0;
615
+ }
616
+
617
+ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
618
+ .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
619
+ .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
620
+ .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
621
+ .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
622
+ .col-xl-auto {
623
+ position: relative;
624
+ width: 100%;
625
+ min-height: 1px;
626
+ padding-right: 15px;
627
+ padding-left: 15px;
628
+ }
629
+
630
+ .col {
631
+ -ms-flex-preferred-size: 0;
632
+ flex-basis: 0;
633
+ -webkit-box-flex: 1;
634
+ -ms-flex-positive: 1;
635
+ flex-grow: 1;
636
+ max-width: 100%;
637
+ }
638
+
639
+ .col-auto {
640
+ -webkit-box-flex: 0;
641
+ -ms-flex: 0 0 auto;
642
+ flex: 0 0 auto;
643
+ width: auto;
644
+ max-width: none;
645
+ }
646
+
647
+ .col-1 {
648
+ -webkit-box-flex: 0;
649
+ -ms-flex: 0 0 8.333333%;
650
+ flex: 0 0 8.333333%;
651
+ max-width: 8.333333%;
652
+ }
653
+
654
+ .col-2 {
655
+ -webkit-box-flex: 0;
656
+ -ms-flex: 0 0 16.666667%;
657
+ flex: 0 0 16.666667%;
658
+ max-width: 16.666667%;
659
+ }
660
+
661
+ .col-3 {
662
+ -webkit-box-flex: 0;
663
+ -ms-flex: 0 0 25%;
664
+ flex: 0 0 25%;
665
+ max-width: 25%;
666
+ }
667
+
668
+ .col-4 {
669
+ -webkit-box-flex: 0;
670
+ -ms-flex: 0 0 33.333333%;
671
+ flex: 0 0 33.333333%;
672
+ max-width: 33.333333%;
673
+ }
674
+
675
+ .col-5 {
676
+ -webkit-box-flex: 0;
677
+ -ms-flex: 0 0 41.666667%;
678
+ flex: 0 0 41.666667%;
679
+ max-width: 41.666667%;
680
+ }
681
+
682
+ .col-6 {
683
+ -webkit-box-flex: 0;
684
+ -ms-flex: 0 0 50%;
685
+ flex: 0 0 50%;
686
+ max-width: 50%;
687
+ }
688
+
689
+ .col-7 {
690
+ -webkit-box-flex: 0;
691
+ -ms-flex: 0 0 58.333333%;
692
+ flex: 0 0 58.333333%;
693
+ max-width: 58.333333%;
694
+ }
695
+
696
+ .col-8 {
697
+ -webkit-box-flex: 0;
698
+ -ms-flex: 0 0 66.666667%;
699
+ flex: 0 0 66.666667%;
700
+ max-width: 66.666667%;
701
+ }
702
+
703
+ .col-9 {
704
+ -webkit-box-flex: 0;
705
+ -ms-flex: 0 0 75%;
706
+ flex: 0 0 75%;
707
+ max-width: 75%;
708
+ }
709
+
710
+ .col-10 {
711
+ -webkit-box-flex: 0;
712
+ -ms-flex: 0 0 83.333333%;
713
+ flex: 0 0 83.333333%;
714
+ max-width: 83.333333%;
715
+ }
716
+
717
+ .col-11 {
718
+ -webkit-box-flex: 0;
719
+ -ms-flex: 0 0 91.666667%;
720
+ flex: 0 0 91.666667%;
721
+ max-width: 91.666667%;
722
+ }
723
+
724
+ .col-12 {
725
+ -webkit-box-flex: 0;
726
+ -ms-flex: 0 0 100%;
727
+ flex: 0 0 100%;
728
+ max-width: 100%;
729
+ }
730
+
731
+ .order-first {
732
+ -webkit-box-ordinal-group: 0;
733
+ -ms-flex-order: -1;
734
+ order: -1;
735
+ }
736
+
737
+ .order-last {
738
+ -webkit-box-ordinal-group: 14;
739
+ -ms-flex-order: 13;
740
+ order: 13;
741
+ }
742
+
743
+ .order-0 {
744
+ -webkit-box-ordinal-group: 1;
745
+ -ms-flex-order: 0;
746
+ order: 0;
747
+ }
748
+
749
+ .order-1 {
750
+ -webkit-box-ordinal-group: 2;
751
+ -ms-flex-order: 1;
752
+ order: 1;
753
+ }
754
+
755
+ .order-2 {
756
+ -webkit-box-ordinal-group: 3;
757
+ -ms-flex-order: 2;
758
+ order: 2;
759
+ }
760
+
761
+ .order-3 {
762
+ -webkit-box-ordinal-group: 4;
763
+ -ms-flex-order: 3;
764
+ order: 3;
765
+ }
766
+
767
+ .order-4 {
768
+ -webkit-box-ordinal-group: 5;
769
+ -ms-flex-order: 4;
770
+ order: 4;
771
+ }
772
+
773
+ .order-5 {
774
+ -webkit-box-ordinal-group: 6;
775
+ -ms-flex-order: 5;
776
+ order: 5;
777
+ }
778
+
779
+ .order-6 {
780
+ -webkit-box-ordinal-group: 7;
781
+ -ms-flex-order: 6;
782
+ order: 6;
783
+ }
784
+
785
+ .order-7 {
786
+ -webkit-box-ordinal-group: 8;
787
+ -ms-flex-order: 7;
788
+ order: 7;
789
+ }
790
+
791
+ .order-8 {
792
+ -webkit-box-ordinal-group: 9;
793
+ -ms-flex-order: 8;
794
+ order: 8;
795
+ }
796
+
797
+ .order-9 {
798
+ -webkit-box-ordinal-group: 10;
799
+ -ms-flex-order: 9;
800
+ order: 9;
801
+ }
802
+
803
+ .order-10 {
804
+ -webkit-box-ordinal-group: 11;
805
+ -ms-flex-order: 10;
806
+ order: 10;
807
+ }
808
+
809
+ .order-11 {
810
+ -webkit-box-ordinal-group: 12;
811
+ -ms-flex-order: 11;
812
+ order: 11;
813
+ }
814
+
815
+ .order-12 {
816
+ -webkit-box-ordinal-group: 13;
817
+ -ms-flex-order: 12;
818
+ order: 12;
819
+ }
820
+
821
+ .offset-1 {
822
+ margin-left: 8.333333%;
823
+ }
824
+
825
+ .offset-2 {
826
+ margin-left: 16.666667%;
827
+ }
828
+
829
+ .offset-3 {
830
+ margin-left: 25%;
831
+ }
832
+
833
+ .offset-4 {
834
+ margin-left: 33.333333%;
835
+ }
836
+
837
+ .offset-5 {
838
+ margin-left: 41.666667%;
839
+ }
840
+
841
+ .offset-6 {
842
+ margin-left: 50%;
843
+ }
844
+
845
+ .offset-7 {
846
+ margin-left: 58.333333%;
847
+ }
848
+
849
+ .offset-8 {
850
+ margin-left: 66.666667%;
851
+ }
852
+
853
+ .offset-9 {
854
+ margin-left: 75%;
855
+ }
856
+
857
+ .offset-10 {
858
+ margin-left: 83.333333%;
859
+ }
860
+
861
+ .offset-11 {
862
+ margin-left: 91.666667%;
863
+ }
864
+
865
+ @media (min-width: 576px) {
866
+ .col-sm {
867
+ -ms-flex-preferred-size: 0;
868
+ flex-basis: 0;
869
+ -webkit-box-flex: 1;
870
+ -ms-flex-positive: 1;
871
+ flex-grow: 1;
872
+ max-width: 100%;
873
+ }
874
+ .col-sm-auto {
875
+ -webkit-box-flex: 0;
876
+ -ms-flex: 0 0 auto;
877
+ flex: 0 0 auto;
878
+ width: auto;
879
+ max-width: none;
880
+ }
881
+ .col-sm-1 {
882
+ -webkit-box-flex: 0;
883
+ -ms-flex: 0 0 8.333333%;
884
+ flex: 0 0 8.333333%;
885
+ max-width: 8.333333%;
886
+ }
887
+ .col-sm-2 {
888
+ -webkit-box-flex: 0;
889
+ -ms-flex: 0 0 16.666667%;
890
+ flex: 0 0 16.666667%;
891
+ max-width: 16.666667%;
892
+ }
893
+ .col-sm-3 {
894
+ -webkit-box-flex: 0;
895
+ -ms-flex: 0 0 25%;
896
+ flex: 0 0 25%;
897
+ max-width: 25%;
898
+ }
899
+ .col-sm-4 {
900
+ -webkit-box-flex: 0;
901
+ -ms-flex: 0 0 33.333333%;
902
+ flex: 0 0 33.333333%;
903
+ max-width: 33.333333%;
904
+ }
905
+ .col-sm-5 {
906
+ -webkit-box-flex: 0;
907
+ -ms-flex: 0 0 41.666667%;
908
+ flex: 0 0 41.666667%;
909
+ max-width: 41.666667%;
910
+ }
911
+ .col-sm-6 {
912
+ -webkit-box-flex: 0;
913
+ -ms-flex: 0 0 50%;
914
+ flex: 0 0 50%;
915
+ max-width: 50%;
916
+ }
917
+ .col-sm-7 {
918
+ -webkit-box-flex: 0;
919
+ -ms-flex: 0 0 58.333333%;
920
+ flex: 0 0 58.333333%;
921
+ max-width: 58.333333%;
922
+ }
923
+ .col-sm-8 {
924
+ -webkit-box-flex: 0;
925
+ -ms-flex: 0 0 66.666667%;
926
+ flex: 0 0 66.666667%;
927
+ max-width: 66.666667%;
928
+ }
929
+ .col-sm-9 {
930
+ -webkit-box-flex: 0;
931
+ -ms-flex: 0 0 75%;
932
+ flex: 0 0 75%;
933
+ max-width: 75%;
934
+ }
935
+ .col-sm-10 {
936
+ -webkit-box-flex: 0;
937
+ -ms-flex: 0 0 83.333333%;
938
+ flex: 0 0 83.333333%;
939
+ max-width: 83.333333%;
940
+ }
941
+ .col-sm-11 {
942
+ -webkit-box-flex: 0;
943
+ -ms-flex: 0 0 91.666667%;
944
+ flex: 0 0 91.666667%;
945
+ max-width: 91.666667%;
946
+ }
947
+ .col-sm-12 {
948
+ -webkit-box-flex: 0;
949
+ -ms-flex: 0 0 100%;
950
+ flex: 0 0 100%;
951
+ max-width: 100%;
952
+ }
953
+ .order-sm-first {
954
+ -webkit-box-ordinal-group: 0;
955
+ -ms-flex-order: -1;
956
+ order: -1;
957
+ }
958
+ .order-sm-last {
959
+ -webkit-box-ordinal-group: 14;
960
+ -ms-flex-order: 13;
961
+ order: 13;
962
+ }
963
+ .order-sm-0 {
964
+ -webkit-box-ordinal-group: 1;
965
+ -ms-flex-order: 0;
966
+ order: 0;
967
+ }
968
+ .order-sm-1 {
969
+ -webkit-box-ordinal-group: 2;
970
+ -ms-flex-order: 1;
971
+ order: 1;
972
+ }
973
+ .order-sm-2 {
974
+ -webkit-box-ordinal-group: 3;
975
+ -ms-flex-order: 2;
976
+ order: 2;
977
+ }
978
+ .order-sm-3 {
979
+ -webkit-box-ordinal-group: 4;
980
+ -ms-flex-order: 3;
981
+ order: 3;
982
+ }
983
+ .order-sm-4 {
984
+ -webkit-box-ordinal-group: 5;
985
+ -ms-flex-order: 4;
986
+ order: 4;
987
+ }
988
+ .order-sm-5 {
989
+ -webkit-box-ordinal-group: 6;
990
+ -ms-flex-order: 5;
991
+ order: 5;
992
+ }
993
+ .order-sm-6 {
994
+ -webkit-box-ordinal-group: 7;
995
+ -ms-flex-order: 6;
996
+ order: 6;
997
+ }
998
+ .order-sm-7 {
999
+ -webkit-box-ordinal-group: 8;
1000
+ -ms-flex-order: 7;
1001
+ order: 7;
1002
+ }
1003
+ .order-sm-8 {
1004
+ -webkit-box-ordinal-group: 9;
1005
+ -ms-flex-order: 8;
1006
+ order: 8;
1007
+ }
1008
+ .order-sm-9 {
1009
+ -webkit-box-ordinal-group: 10;
1010
+ -ms-flex-order: 9;
1011
+ order: 9;
1012
+ }
1013
+ .order-sm-10 {
1014
+ -webkit-box-ordinal-group: 11;
1015
+ -ms-flex-order: 10;
1016
+ order: 10;
1017
+ }
1018
+ .order-sm-11 {
1019
+ -webkit-box-ordinal-group: 12;
1020
+ -ms-flex-order: 11;
1021
+ order: 11;
1022
+ }
1023
+ .order-sm-12 {
1024
+ -webkit-box-ordinal-group: 13;
1025
+ -ms-flex-order: 12;
1026
+ order: 12;
1027
+ }
1028
+ .offset-sm-0 {
1029
+ margin-left: 0;
1030
+ }
1031
+ .offset-sm-1 {
1032
+ margin-left: 8.333333%;
1033
+ }
1034
+ .offset-sm-2 {
1035
+ margin-left: 16.666667%;
1036
+ }
1037
+ .offset-sm-3 {
1038
+ margin-left: 25%;
1039
+ }
1040
+ .offset-sm-4 {
1041
+ margin-left: 33.333333%;
1042
+ }
1043
+ .offset-sm-5 {
1044
+ margin-left: 41.666667%;
1045
+ }
1046
+ .offset-sm-6 {
1047
+ margin-left: 50%;
1048
+ }
1049
+ .offset-sm-7 {
1050
+ margin-left: 58.333333%;
1051
+ }
1052
+ .offset-sm-8 {
1053
+ margin-left: 66.666667%;
1054
+ }
1055
+ .offset-sm-9 {
1056
+ margin-left: 75%;
1057
+ }
1058
+ .offset-sm-10 {
1059
+ margin-left: 83.333333%;
1060
+ }
1061
+ .offset-sm-11 {
1062
+ margin-left: 91.666667%;
1063
+ }
1064
+ }
1065
+
1066
+ @media (min-width: 768px) {
1067
+ .col-md {
1068
+ -ms-flex-preferred-size: 0;
1069
+ flex-basis: 0;
1070
+ -webkit-box-flex: 1;
1071
+ -ms-flex-positive: 1;
1072
+ flex-grow: 1;
1073
+ max-width: 100%;
1074
+ }
1075
+ .col-md-auto {
1076
+ -webkit-box-flex: 0;
1077
+ -ms-flex: 0 0 auto;
1078
+ flex: 0 0 auto;
1079
+ width: auto;
1080
+ max-width: none;
1081
+ }
1082
+ .col-md-1 {
1083
+ -webkit-box-flex: 0;
1084
+ -ms-flex: 0 0 8.333333%;
1085
+ flex: 0 0 8.333333%;
1086
+ max-width: 8.333333%;
1087
+ }
1088
+ .col-md-2 {
1089
+ -webkit-box-flex: 0;
1090
+ -ms-flex: 0 0 16.666667%;
1091
+ flex: 0 0 16.666667%;
1092
+ max-width: 16.666667%;
1093
+ }
1094
+ .col-md-3 {
1095
+ -webkit-box-flex: 0;
1096
+ -ms-flex: 0 0 25%;
1097
+ flex: 0 0 25%;
1098
+ max-width: 25%;
1099
+ }
1100
+ .col-md-4 {
1101
+ -webkit-box-flex: 0;
1102
+ -ms-flex: 0 0 33.333333%;
1103
+ flex: 0 0 33.333333%;
1104
+ max-width: 33.333333%;
1105
+ }
1106
+ .col-md-5 {
1107
+ -webkit-box-flex: 0;
1108
+ -ms-flex: 0 0 41.666667%;
1109
+ flex: 0 0 41.666667%;
1110
+ max-width: 41.666667%;
1111
+ }
1112
+ .col-md-6 {
1113
+ -webkit-box-flex: 0;
1114
+ -ms-flex: 0 0 50%;
1115
+ flex: 0 0 50%;
1116
+ max-width: 50%;
1117
+ }
1118
+ .col-md-7 {
1119
+ -webkit-box-flex: 0;
1120
+ -ms-flex: 0 0 58.333333%;
1121
+ flex: 0 0 58.333333%;
1122
+ max-width: 58.333333%;
1123
+ }
1124
+ .col-md-8 {
1125
+ -webkit-box-flex: 0;
1126
+ -ms-flex: 0 0 66.666667%;
1127
+ flex: 0 0 66.666667%;
1128
+ max-width: 66.666667%;
1129
+ }
1130
+ .col-md-9 {
1131
+ -webkit-box-flex: 0;
1132
+ -ms-flex: 0 0 75%;
1133
+ flex: 0 0 75%;
1134
+ max-width: 75%;
1135
+ }
1136
+ .col-md-10 {
1137
+ -webkit-box-flex: 0;
1138
+ -ms-flex: 0 0 83.333333%;
1139
+ flex: 0 0 83.333333%;
1140
+ max-width: 83.333333%;
1141
+ }
1142
+ .col-md-11 {
1143
+ -webkit-box-flex: 0;
1144
+ -ms-flex: 0 0 91.666667%;
1145
+ flex: 0 0 91.666667%;
1146
+ max-width: 91.666667%;
1147
+ }
1148
+ .col-md-12 {
1149
+ -webkit-box-flex: 0;
1150
+ -ms-flex: 0 0 100%;
1151
+ flex: 0 0 100%;
1152
+ max-width: 100%;
1153
+ }
1154
+ .order-md-first {
1155
+ -webkit-box-ordinal-group: 0;
1156
+ -ms-flex-order: -1;
1157
+ order: -1;
1158
+ }
1159
+ .order-md-last {
1160
+ -webkit-box-ordinal-group: 14;
1161
+ -ms-flex-order: 13;
1162
+ order: 13;
1163
+ }
1164
+ .order-md-0 {
1165
+ -webkit-box-ordinal-group: 1;
1166
+ -ms-flex-order: 0;
1167
+ order: 0;
1168
+ }
1169
+ .order-md-1 {
1170
+ -webkit-box-ordinal-group: 2;
1171
+ -ms-flex-order: 1;
1172
+ order: 1;
1173
+ }
1174
+ .order-md-2 {
1175
+ -webkit-box-ordinal-group: 3;
1176
+ -ms-flex-order: 2;
1177
+ order: 2;
1178
+ }
1179
+ .order-md-3 {
1180
+ -webkit-box-ordinal-group: 4;
1181
+ -ms-flex-order: 3;
1182
+ order: 3;
1183
+ }
1184
+ .order-md-4 {
1185
+ -webkit-box-ordinal-group: 5;
1186
+ -ms-flex-order: 4;
1187
+ order: 4;
1188
+ }
1189
+ .order-md-5 {
1190
+ -webkit-box-ordinal-group: 6;
1191
+ -ms-flex-order: 5;
1192
+ order: 5;
1193
+ }
1194
+ .order-md-6 {
1195
+ -webkit-box-ordinal-group: 7;
1196
+ -ms-flex-order: 6;
1197
+ order: 6;
1198
+ }
1199
+ .order-md-7 {
1200
+ -webkit-box-ordinal-group: 8;
1201
+ -ms-flex-order: 7;
1202
+ order: 7;
1203
+ }
1204
+ .order-md-8 {
1205
+ -webkit-box-ordinal-group: 9;
1206
+ -ms-flex-order: 8;
1207
+ order: 8;
1208
+ }
1209
+ .order-md-9 {
1210
+ -webkit-box-ordinal-group: 10;
1211
+ -ms-flex-order: 9;
1212
+ order: 9;
1213
+ }
1214
+ .order-md-10 {
1215
+ -webkit-box-ordinal-group: 11;
1216
+ -ms-flex-order: 10;
1217
+ order: 10;
1218
+ }
1219
+ .order-md-11 {
1220
+ -webkit-box-ordinal-group: 12;
1221
+ -ms-flex-order: 11;
1222
+ order: 11;
1223
+ }
1224
+ .order-md-12 {
1225
+ -webkit-box-ordinal-group: 13;
1226
+ -ms-flex-order: 12;
1227
+ order: 12;
1228
+ }
1229
+ .offset-md-0 {
1230
+ margin-left: 0;
1231
+ }
1232
+ .offset-md-1 {
1233
+ margin-left: 8.333333%;
1234
+ }
1235
+ .offset-md-2 {
1236
+ margin-left: 16.666667%;
1237
+ }
1238
+ .offset-md-3 {
1239
+ margin-left: 25%;
1240
+ }
1241
+ .offset-md-4 {
1242
+ margin-left: 33.333333%;
1243
+ }
1244
+ .offset-md-5 {
1245
+ margin-left: 41.666667%;
1246
+ }
1247
+ .offset-md-6 {
1248
+ margin-left: 50%;
1249
+ }
1250
+ .offset-md-7 {
1251
+ margin-left: 58.333333%;
1252
+ }
1253
+ .offset-md-8 {
1254
+ margin-left: 66.666667%;
1255
+ }
1256
+ .offset-md-9 {
1257
+ margin-left: 75%;
1258
+ }
1259
+ .offset-md-10 {
1260
+ margin-left: 83.333333%;
1261
+ }
1262
+ .offset-md-11 {
1263
+ margin-left: 91.666667%;
1264
+ }
1265
+ }
1266
+
1267
+ @media (min-width: 992px) {
1268
+ .col-lg {
1269
+ -ms-flex-preferred-size: 0;
1270
+ flex-basis: 0;
1271
+ -webkit-box-flex: 1;
1272
+ -ms-flex-positive: 1;
1273
+ flex-grow: 1;
1274
+ max-width: 100%;
1275
+ }
1276
+ .col-lg-auto {
1277
+ -webkit-box-flex: 0;
1278
+ -ms-flex: 0 0 auto;
1279
+ flex: 0 0 auto;
1280
+ width: auto;
1281
+ max-width: none;
1282
+ }
1283
+ .col-lg-1 {
1284
+ -webkit-box-flex: 0;
1285
+ -ms-flex: 0 0 8.333333%;
1286
+ flex: 0 0 8.333333%;
1287
+ max-width: 8.333333%;
1288
+ }
1289
+ .col-lg-2 {
1290
+ -webkit-box-flex: 0;
1291
+ -ms-flex: 0 0 16.666667%;
1292
+ flex: 0 0 16.666667%;
1293
+ max-width: 16.666667%;
1294
+ }
1295
+ .col-lg-3 {
1296
+ -webkit-box-flex: 0;
1297
+ -ms-flex: 0 0 25%;
1298
+ flex: 0 0 25%;
1299
+ max-width: 25%;
1300
+ }
1301
+ .col-lg-4 {
1302
+ -webkit-box-flex: 0;
1303
+ -ms-flex: 0 0 33.333333%;
1304
+ flex: 0 0 33.333333%;
1305
+ max-width: 33.333333%;
1306
+ }
1307
+ .col-lg-5 {
1308
+ -webkit-box-flex: 0;
1309
+ -ms-flex: 0 0 41.666667%;
1310
+ flex: 0 0 41.666667%;
1311
+ max-width: 41.666667%;
1312
+ }
1313
+ .col-lg-6 {
1314
+ -webkit-box-flex: 0;
1315
+ -ms-flex: 0 0 50%;
1316
+ flex: 0 0 50%;
1317
+ max-width: 50%;
1318
+ }
1319
+ .col-lg-7 {
1320
+ -webkit-box-flex: 0;
1321
+ -ms-flex: 0 0 58.333333%;
1322
+ flex: 0 0 58.333333%;
1323
+ max-width: 58.333333%;
1324
+ }
1325
+ .col-lg-8 {
1326
+ -webkit-box-flex: 0;
1327
+ -ms-flex: 0 0 66.666667%;
1328
+ flex: 0 0 66.666667%;
1329
+ max-width: 66.666667%;
1330
+ }
1331
+ .col-lg-9 {
1332
+ -webkit-box-flex: 0;
1333
+ -ms-flex: 0 0 75%;
1334
+ flex: 0 0 75%;
1335
+ max-width: 75%;
1336
+ }
1337
+ .col-lg-10 {
1338
+ -webkit-box-flex: 0;
1339
+ -ms-flex: 0 0 83.333333%;
1340
+ flex: 0 0 83.333333%;
1341
+ max-width: 83.333333%;
1342
+ }
1343
+ .col-lg-11 {
1344
+ -webkit-box-flex: 0;
1345
+ -ms-flex: 0 0 91.666667%;
1346
+ flex: 0 0 91.666667%;
1347
+ max-width: 91.666667%;
1348
+ }
1349
+ .col-lg-12 {
1350
+ -webkit-box-flex: 0;
1351
+ -ms-flex: 0 0 100%;
1352
+ flex: 0 0 100%;
1353
+ max-width: 100%;
1354
+ }
1355
+ .order-lg-first {
1356
+ -webkit-box-ordinal-group: 0;
1357
+ -ms-flex-order: -1;
1358
+ order: -1;
1359
+ }
1360
+ .order-lg-last {
1361
+ -webkit-box-ordinal-group: 14;
1362
+ -ms-flex-order: 13;
1363
+ order: 13;
1364
+ }
1365
+ .order-lg-0 {
1366
+ -webkit-box-ordinal-group: 1;
1367
+ -ms-flex-order: 0;
1368
+ order: 0;
1369
+ }
1370
+ .order-lg-1 {
1371
+ -webkit-box-ordinal-group: 2;
1372
+ -ms-flex-order: 1;
1373
+ order: 1;
1374
+ }
1375
+ .order-lg-2 {
1376
+ -webkit-box-ordinal-group: 3;
1377
+ -ms-flex-order: 2;
1378
+ order: 2;
1379
+ }
1380
+ .order-lg-3 {
1381
+ -webkit-box-ordinal-group: 4;
1382
+ -ms-flex-order: 3;
1383
+ order: 3;
1384
+ }
1385
+ .order-lg-4 {
1386
+ -webkit-box-ordinal-group: 5;
1387
+ -ms-flex-order: 4;
1388
+ order: 4;
1389
+ }
1390
+ .order-lg-5 {
1391
+ -webkit-box-ordinal-group: 6;
1392
+ -ms-flex-order: 5;
1393
+ order: 5;
1394
+ }
1395
+ .order-lg-6 {
1396
+ -webkit-box-ordinal-group: 7;
1397
+ -ms-flex-order: 6;
1398
+ order: 6;
1399
+ }
1400
+ .order-lg-7 {
1401
+ -webkit-box-ordinal-group: 8;
1402
+ -ms-flex-order: 7;
1403
+ order: 7;
1404
+ }
1405
+ .order-lg-8 {
1406
+ -webkit-box-ordinal-group: 9;
1407
+ -ms-flex-order: 8;
1408
+ order: 8;
1409
+ }
1410
+ .order-lg-9 {
1411
+ -webkit-box-ordinal-group: 10;
1412
+ -ms-flex-order: 9;
1413
+ order: 9;
1414
+ }
1415
+ .order-lg-10 {
1416
+ -webkit-box-ordinal-group: 11;
1417
+ -ms-flex-order: 10;
1418
+ order: 10;
1419
+ }
1420
+ .order-lg-11 {
1421
+ -webkit-box-ordinal-group: 12;
1422
+ -ms-flex-order: 11;
1423
+ order: 11;
1424
+ }
1425
+ .order-lg-12 {
1426
+ -webkit-box-ordinal-group: 13;
1427
+ -ms-flex-order: 12;
1428
+ order: 12;
1429
+ }
1430
+ .offset-lg-0 {
1431
+ margin-left: 0;
1432
+ }
1433
+ .offset-lg-1 {
1434
+ margin-left: 8.333333%;
1435
+ }
1436
+ .offset-lg-2 {
1437
+ margin-left: 16.666667%;
1438
+ }
1439
+ .offset-lg-3 {
1440
+ margin-left: 25%;
1441
+ }
1442
+ .offset-lg-4 {
1443
+ margin-left: 33.333333%;
1444
+ }
1445
+ .offset-lg-5 {
1446
+ margin-left: 41.666667%;
1447
+ }
1448
+ .offset-lg-6 {
1449
+ margin-left: 50%;
1450
+ }
1451
+ .offset-lg-7 {
1452
+ margin-left: 58.333333%;
1453
+ }
1454
+ .offset-lg-8 {
1455
+ margin-left: 66.666667%;
1456
+ }
1457
+ .offset-lg-9 {
1458
+ margin-left: 75%;
1459
+ }
1460
+ .offset-lg-10 {
1461
+ margin-left: 83.333333%;
1462
+ }
1463
+ .offset-lg-11 {
1464
+ margin-left: 91.666667%;
1465
+ }
1466
+ }
1467
+
1468
+ @media (min-width: 1200px) {
1469
+ .col-xl {
1470
+ -ms-flex-preferred-size: 0;
1471
+ flex-basis: 0;
1472
+ -webkit-box-flex: 1;
1473
+ -ms-flex-positive: 1;
1474
+ flex-grow: 1;
1475
+ max-width: 100%;
1476
+ }
1477
+ .col-xl-auto {
1478
+ -webkit-box-flex: 0;
1479
+ -ms-flex: 0 0 auto;
1480
+ flex: 0 0 auto;
1481
+ width: auto;
1482
+ max-width: none;
1483
+ }
1484
+ .col-xl-1 {
1485
+ -webkit-box-flex: 0;
1486
+ -ms-flex: 0 0 8.333333%;
1487
+ flex: 0 0 8.333333%;
1488
+ max-width: 8.333333%;
1489
+ }
1490
+ .col-xl-2 {
1491
+ -webkit-box-flex: 0;
1492
+ -ms-flex: 0 0 16.666667%;
1493
+ flex: 0 0 16.666667%;
1494
+ max-width: 16.666667%;
1495
+ }
1496
+ .col-xl-3 {
1497
+ -webkit-box-flex: 0;
1498
+ -ms-flex: 0 0 25%;
1499
+ flex: 0 0 25%;
1500
+ max-width: 25%;
1501
+ }
1502
+ .col-xl-4 {
1503
+ -webkit-box-flex: 0;
1504
+ -ms-flex: 0 0 33.333333%;
1505
+ flex: 0 0 33.333333%;
1506
+ max-width: 33.333333%;
1507
+ }
1508
+ .col-xl-5 {
1509
+ -webkit-box-flex: 0;
1510
+ -ms-flex: 0 0 41.666667%;
1511
+ flex: 0 0 41.666667%;
1512
+ max-width: 41.666667%;
1513
+ }
1514
+ .col-xl-6 {
1515
+ -webkit-box-flex: 0;
1516
+ -ms-flex: 0 0 50%;
1517
+ flex: 0 0 50%;
1518
+ max-width: 50%;
1519
+ }
1520
+ .col-xl-7 {
1521
+ -webkit-box-flex: 0;
1522
+ -ms-flex: 0 0 58.333333%;
1523
+ flex: 0 0 58.333333%;
1524
+ max-width: 58.333333%;
1525
+ }
1526
+ .col-xl-8 {
1527
+ -webkit-box-flex: 0;
1528
+ -ms-flex: 0 0 66.666667%;
1529
+ flex: 0 0 66.666667%;
1530
+ max-width: 66.666667%;
1531
+ }
1532
+ .col-xl-9 {
1533
+ -webkit-box-flex: 0;
1534
+ -ms-flex: 0 0 75%;
1535
+ flex: 0 0 75%;
1536
+ max-width: 75%;
1537
+ }
1538
+ .col-xl-10 {
1539
+ -webkit-box-flex: 0;
1540
+ -ms-flex: 0 0 83.333333%;
1541
+ flex: 0 0 83.333333%;
1542
+ max-width: 83.333333%;
1543
+ }
1544
+ .col-xl-11 {
1545
+ -webkit-box-flex: 0;
1546
+ -ms-flex: 0 0 91.666667%;
1547
+ flex: 0 0 91.666667%;
1548
+ max-width: 91.666667%;
1549
+ }
1550
+ .col-xl-12 {
1551
+ -webkit-box-flex: 0;
1552
+ -ms-flex: 0 0 100%;
1553
+ flex: 0 0 100%;
1554
+ max-width: 100%;
1555
+ }
1556
+ .order-xl-first {
1557
+ -webkit-box-ordinal-group: 0;
1558
+ -ms-flex-order: -1;
1559
+ order: -1;
1560
+ }
1561
+ .order-xl-last {
1562
+ -webkit-box-ordinal-group: 14;
1563
+ -ms-flex-order: 13;
1564
+ order: 13;
1565
+ }
1566
+ .order-xl-0 {
1567
+ -webkit-box-ordinal-group: 1;
1568
+ -ms-flex-order: 0;
1569
+ order: 0;
1570
+ }
1571
+ .order-xl-1 {
1572
+ -webkit-box-ordinal-group: 2;
1573
+ -ms-flex-order: 1;
1574
+ order: 1;
1575
+ }
1576
+ .order-xl-2 {
1577
+ -webkit-box-ordinal-group: 3;
1578
+ -ms-flex-order: 2;
1579
+ order: 2;
1580
+ }
1581
+ .order-xl-3 {
1582
+ -webkit-box-ordinal-group: 4;
1583
+ -ms-flex-order: 3;
1584
+ order: 3;
1585
+ }
1586
+ .order-xl-4 {
1587
+ -webkit-box-ordinal-group: 5;
1588
+ -ms-flex-order: 4;
1589
+ order: 4;
1590
+ }
1591
+ .order-xl-5 {
1592
+ -webkit-box-ordinal-group: 6;
1593
+ -ms-flex-order: 5;
1594
+ order: 5;
1595
+ }
1596
+ .order-xl-6 {
1597
+ -webkit-box-ordinal-group: 7;
1598
+ -ms-flex-order: 6;
1599
+ order: 6;
1600
+ }
1601
+ .order-xl-7 {
1602
+ -webkit-box-ordinal-group: 8;
1603
+ -ms-flex-order: 7;
1604
+ order: 7;
1605
+ }
1606
+ .order-xl-8 {
1607
+ -webkit-box-ordinal-group: 9;
1608
+ -ms-flex-order: 8;
1609
+ order: 8;
1610
+ }
1611
+ .order-xl-9 {
1612
+ -webkit-box-ordinal-group: 10;
1613
+ -ms-flex-order: 9;
1614
+ order: 9;
1615
+ }
1616
+ .order-xl-10 {
1617
+ -webkit-box-ordinal-group: 11;
1618
+ -ms-flex-order: 10;
1619
+ order: 10;
1620
+ }
1621
+ .order-xl-11 {
1622
+ -webkit-box-ordinal-group: 12;
1623
+ -ms-flex-order: 11;
1624
+ order: 11;
1625
+ }
1626
+ .order-xl-12 {
1627
+ -webkit-box-ordinal-group: 13;
1628
+ -ms-flex-order: 12;
1629
+ order: 12;
1630
+ }
1631
+ .offset-xl-0 {
1632
+ margin-left: 0;
1633
+ }
1634
+ .offset-xl-1 {
1635
+ margin-left: 8.333333%;
1636
+ }
1637
+ .offset-xl-2 {
1638
+ margin-left: 16.666667%;
1639
+ }
1640
+ .offset-xl-3 {
1641
+ margin-left: 25%;
1642
+ }
1643
+ .offset-xl-4 {
1644
+ margin-left: 33.333333%;
1645
+ }
1646
+ .offset-xl-5 {
1647
+ margin-left: 41.666667%;
1648
+ }
1649
+ .offset-xl-6 {
1650
+ margin-left: 50%;
1651
+ }
1652
+ .offset-xl-7 {
1653
+ margin-left: 58.333333%;
1654
+ }
1655
+ .offset-xl-8 {
1656
+ margin-left: 66.666667%;
1657
+ }
1658
+ .offset-xl-9 {
1659
+ margin-left: 75%;
1660
+ }
1661
+ .offset-xl-10 {
1662
+ margin-left: 83.333333%;
1663
+ }
1664
+ .offset-xl-11 {
1665
+ margin-left: 91.666667%;
1666
+ }
1667
+ }
1668
+
1669
+ .table {
1670
+ width: 100%;
1671
+ max-width: 100%;
1672
+ margin-bottom: 1rem;
1673
+ background-color: transparent;
1674
+ }
1675
+
1676
+ .table th,
1677
+ .table td {
1678
+ padding: 0.75rem;
1679
+ vertical-align: top;
1680
+ border-top: 1px solid #dee2e6;
1681
+ }
1682
+
1683
+ .table thead th {
1684
+ vertical-align: bottom;
1685
+ border-bottom: 2px solid #dee2e6;
1686
+ }
1687
+
1688
+ .table tbody + tbody {
1689
+ border-top: 2px solid #dee2e6;
1690
+ }
1691
+
1692
+ .table .table {
1693
+ background-color: #fff;
1694
+ }
1695
+
1696
+ .table-sm th,
1697
+ .table-sm td {
1698
+ padding: 0.3rem;
1699
+ }
1700
+
1701
+ .table-bordered {
1702
+ border: 1px solid #dee2e6;
1703
+ }
1704
+
1705
+ .table-bordered th,
1706
+ .table-bordered td {
1707
+ border: 1px solid #dee2e6;
1708
+ }
1709
+
1710
+ .table-bordered thead th,
1711
+ .table-bordered thead td {
1712
+ border-bottom-width: 2px;
1713
+ }
1714
+
1715
+ .table-striped tbody tr:nth-of-type(odd) {
1716
+ background-color: rgba(0, 0, 0, 0.05);
1717
+ }
1718
+
1719
+ .table-hover tbody tr:hover {
1720
+ background-color: rgba(0, 0, 0, 0.075);
1721
+ }
1722
+
1723
+ .table-primary,
1724
+ .table-primary > th,
1725
+ .table-primary > td {
1726
+ background-color: #b8daff;
1727
+ }
1728
+
1729
+ .table-hover .table-primary:hover {
1730
+ background-color: #9fcdff;
1731
+ }
1732
+
1733
+ .table-hover .table-primary:hover > td,
1734
+ .table-hover .table-primary:hover > th {
1735
+ background-color: #9fcdff;
1736
+ }
1737
+
1738
+ .table-secondary,
1739
+ .table-secondary > th,
1740
+ .table-secondary > td {
1741
+ background-color: #d6d8db;
1742
+ }
1743
+
1744
+ .table-hover .table-secondary:hover {
1745
+ background-color: #c8cbcf;
1746
+ }
1747
+
1748
+ .table-hover .table-secondary:hover > td,
1749
+ .table-hover .table-secondary:hover > th {
1750
+ background-color: #c8cbcf;
1751
+ }
1752
+
1753
+ .table-success,
1754
+ .table-success > th,
1755
+ .table-success > td {
1756
+ background-color: #c3e6cb;
1757
+ }
1758
+
1759
+ .table-hover .table-success:hover {
1760
+ background-color: #b1dfbb;
1761
+ }
1762
+
1763
+ .table-hover .table-success:hover > td,
1764
+ .table-hover .table-success:hover > th {
1765
+ background-color: #b1dfbb;
1766
+ }
1767
+
1768
+ .table-info,
1769
+ .table-info > th,
1770
+ .table-info > td {
1771
+ background-color: #bee5eb;
1772
+ }
1773
+
1774
+ .table-hover .table-info:hover {
1775
+ background-color: #abdde5;
1776
+ }
1777
+
1778
+ .table-hover .table-info:hover > td,
1779
+ .table-hover .table-info:hover > th {
1780
+ background-color: #abdde5;
1781
+ }
1782
+
1783
+ .table-warning,
1784
+ .table-warning > th,
1785
+ .table-warning > td {
1786
+ background-color: #ffeeba;
1787
+ }
1788
+
1789
+ .table-hover .table-warning:hover {
1790
+ background-color: #ffe8a1;
1791
+ }
1792
+
1793
+ .table-hover .table-warning:hover > td,
1794
+ .table-hover .table-warning:hover > th {
1795
+ background-color: #ffe8a1;
1796
+ }
1797
+
1798
+ .table-danger,
1799
+ .table-danger > th,
1800
+ .table-danger > td {
1801
+ background-color: #f5c6cb;
1802
+ }
1803
+
1804
+ .table-hover .table-danger:hover {
1805
+ background-color: #f1b0b7;
1806
+ }
1807
+
1808
+ .table-hover .table-danger:hover > td,
1809
+ .table-hover .table-danger:hover > th {
1810
+ background-color: #f1b0b7;
1811
+ }
1812
+
1813
+ .table-light,
1814
+ .table-light > th,
1815
+ .table-light > td {
1816
+ background-color: #fdfdfe;
1817
+ }
1818
+
1819
+ .table-hover .table-light:hover {
1820
+ background-color: #ececf6;
1821
+ }
1822
+
1823
+ .table-hover .table-light:hover > td,
1824
+ .table-hover .table-light:hover > th {
1825
+ background-color: #ececf6;
1826
+ }
1827
+
1828
+ .table-dark,
1829
+ .table-dark > th,
1830
+ .table-dark > td {
1831
+ background-color: #c6c8ca;
1832
+ }
1833
+
1834
+ .table-hover .table-dark:hover {
1835
+ background-color: #b9bbbe;
1836
+ }
1837
+
1838
+ .table-hover .table-dark:hover > td,
1839
+ .table-hover .table-dark:hover > th {
1840
+ background-color: #b9bbbe;
1841
+ }
1842
+
1843
+ .table-active,
1844
+ .table-active > th,
1845
+ .table-active > td {
1846
+ background-color: rgba(0, 0, 0, 0.075);
1847
+ }
1848
+
1849
+ .table-hover .table-active:hover {
1850
+ background-color: rgba(0, 0, 0, 0.075);
1851
+ }
1852
+
1853
+ .table-hover .table-active:hover > td,
1854
+ .table-hover .table-active:hover > th {
1855
+ background-color: rgba(0, 0, 0, 0.075);
1856
+ }
1857
+
1858
+ .table .thead-dark th {
1859
+ color: #fff;
1860
+ background-color: #212529;
1861
+ border-color: #32383e;
1862
+ }
1863
+
1864
+ .table .thead-light th {
1865
+ color: #495057;
1866
+ background-color: #e9ecef;
1867
+ border-color: #dee2e6;
1868
+ }
1869
+
1870
+ .table-dark {
1871
+ color: #fff;
1872
+ background-color: #212529;
1873
+ }
1874
+
1875
+ .table-dark th,
1876
+ .table-dark td,
1877
+ .table-dark thead th {
1878
+ border-color: #32383e;
1879
+ }
1880
+
1881
+ .table-dark.table-bordered {
1882
+ border: 0;
1883
+ }
1884
+
1885
+ .table-dark.table-striped tbody tr:nth-of-type(odd) {
1886
+ background-color: rgba(255, 255, 255, 0.05);
1887
+ }
1888
+
1889
+ .table-dark.table-hover tbody tr:hover {
1890
+ background-color: rgba(255, 255, 255, 0.075);
1891
+ }
1892
+
1893
+ @media (max-width: 575.98px) {
1894
+ .table-responsive-sm {
1895
+ display: block;
1896
+ width: 100%;
1897
+ overflow-x: auto;
1898
+ -webkit-overflow-scrolling: touch;
1899
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1900
+ }
1901
+ .table-responsive-sm > .table-bordered {
1902
+ border: 0;
1903
+ }
1904
+ }
1905
+
1906
+ @media (max-width: 767.98px) {
1907
+ .table-responsive-md {
1908
+ display: block;
1909
+ width: 100%;
1910
+ overflow-x: auto;
1911
+ -webkit-overflow-scrolling: touch;
1912
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1913
+ }
1914
+ .table-responsive-md > .table-bordered {
1915
+ border: 0;
1916
+ }
1917
+ }
1918
+
1919
+ @media (max-width: 991.98px) {
1920
+ .table-responsive-lg {
1921
+ display: block;
1922
+ width: 100%;
1923
+ overflow-x: auto;
1924
+ -webkit-overflow-scrolling: touch;
1925
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1926
+ }
1927
+ .table-responsive-lg > .table-bordered {
1928
+ border: 0;
1929
+ }
1930
+ }
1931
+
1932
+ @media (max-width: 1199.98px) {
1933
+ .table-responsive-xl {
1934
+ display: block;
1935
+ width: 100%;
1936
+ overflow-x: auto;
1937
+ -webkit-overflow-scrolling: touch;
1938
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1939
+ }
1940
+ .table-responsive-xl > .table-bordered {
1941
+ border: 0;
1942
+ }
1943
+ }
1944
+
1945
+ .table-responsive {
1946
+ display: block;
1947
+ width: 100%;
1948
+ overflow-x: auto;
1949
+ -webkit-overflow-scrolling: touch;
1950
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1951
+ }
1952
+
1953
+ .table-responsive > .table-bordered {
1954
+ border: 0;
1955
+ }
1956
+
1957
+ .form-control {
1958
+ display: block;
1959
+ width: 100%;
1960
+ padding: 0.375rem 0.75rem;
1961
+ font-size: 1rem;
1962
+ line-height: 1.5;
1963
+ color: #495057;
1964
+ background-color: #fff;
1965
+ background-clip: padding-box;
1966
+ border: 1px solid #ced4da;
1967
+ border-radius: 0.25rem;
1968
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1969
+ }
1970
+
1971
+ .form-control::-ms-expand {
1972
+ background-color: transparent;
1973
+ border: 0;
1974
+ }
1975
+
1976
+ .form-control:focus {
1977
+ color: #495057;
1978
+ background-color: #fff;
1979
+ border-color: #80bdff;
1980
+ outline: 0;
1981
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1982
+ }
1983
+
1984
+ .form-control::-webkit-input-placeholder {
1985
+ color: #6c757d;
1986
+ opacity: 1;
1987
+ }
1988
+
1989
+ .form-control::-moz-placeholder {
1990
+ color: #6c757d;
1991
+ opacity: 1;
1992
+ }
1993
+
1994
+ .form-control:-ms-input-placeholder {
1995
+ color: #6c757d;
1996
+ opacity: 1;
1997
+ }
1998
+
1999
+ .form-control::-ms-input-placeholder {
2000
+ color: #6c757d;
2001
+ opacity: 1;
2002
+ }
2003
+
2004
+ .form-control::placeholder {
2005
+ color: #6c757d;
2006
+ opacity: 1;
2007
+ }
2008
+
2009
+ .form-control:disabled, .form-control[readonly] {
2010
+ background-color: #e9ecef;
2011
+ opacity: 1;
2012
+ }
2013
+
2014
+ select.form-control:not([size]):not([multiple]) {
2015
+ height: calc(2.25rem + 2px);
2016
+ }
2017
+
2018
+ select.form-control:focus::-ms-value {
2019
+ color: #495057;
2020
+ background-color: #fff;
2021
+ }
2022
+
2023
+ .form-control-file,
2024
+ .form-control-range {
2025
+ display: block;
2026
+ width: 100%;
2027
+ }
2028
+
2029
+ .col-form-label {
2030
+ padding-top: calc(0.375rem + 1px);
2031
+ padding-bottom: calc(0.375rem + 1px);
2032
+ margin-bottom: 0;
2033
+ font-size: inherit;
2034
+ line-height: 1.5;
2035
+ }
2036
+
2037
+ .col-form-label-lg {
2038
+ padding-top: calc(0.5rem + 1px);
2039
+ padding-bottom: calc(0.5rem + 1px);
2040
+ font-size: 1.25rem;
2041
+ line-height: 1.5;
2042
+ }
2043
+
2044
+ .col-form-label-sm {
2045
+ padding-top: calc(0.25rem + 1px);
2046
+ padding-bottom: calc(0.25rem + 1px);
2047
+ font-size: 0.875rem;
2048
+ line-height: 1.5;
2049
+ }
2050
+
2051
+ .form-control-plaintext {
2052
+ display: block;
2053
+ width: 100%;
2054
+ padding-top: 0.375rem;
2055
+ padding-bottom: 0.375rem;
2056
+ margin-bottom: 0;
2057
+ line-height: 1.5;
2058
+ background-color: transparent;
2059
+ border: solid transparent;
2060
+ border-width: 1px 0;
2061
+ }
2062
+
2063
+ .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
2064
+ .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
2065
+ .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
2066
+ .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
2067
+ .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
2068
+ .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
2069
+ .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
2070
+ .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
2071
+ .input-group-lg > .input-group-append > .form-control-plaintext.btn {
2072
+ padding-right: 0;
2073
+ padding-left: 0;
2074
+ }
2075
+
2076
+ .form-control-sm, .input-group-sm > .form-control,
2077
+ .input-group-sm > .input-group-prepend > .input-group-text,
2078
+ .input-group-sm > .input-group-append > .input-group-text,
2079
+ .input-group-sm > .input-group-prepend > .btn,
2080
+ .input-group-sm > .input-group-append > .btn {
2081
+ padding: 0.25rem 0.5rem;
2082
+ font-size: 0.875rem;
2083
+ line-height: 1.5;
2084
+ border-radius: 0.2rem;
2085
+ }
2086
+
2087
+ select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
2088
+ .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
2089
+ .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
2090
+ .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
2091
+ .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
2092
+ height: calc(1.8125rem + 2px);
2093
+ }
2094
+
2095
+ .form-control-lg, .input-group-lg > .form-control,
2096
+ .input-group-lg > .input-group-prepend > .input-group-text,
2097
+ .input-group-lg > .input-group-append > .input-group-text,
2098
+ .input-group-lg > .input-group-prepend > .btn,
2099
+ .input-group-lg > .input-group-append > .btn {
2100
+ padding: 0.5rem 1rem;
2101
+ font-size: 1.25rem;
2102
+ line-height: 1.5;
2103
+ border-radius: 0.3rem;
2104
+ }
2105
+
2106
+ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
2107
+ .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
2108
+ .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
2109
+ .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
2110
+ .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
2111
+ height: calc(2.875rem + 2px);
2112
+ }
2113
+
2114
+ .form-group {
2115
+ margin-bottom: 1rem;
2116
+ }
2117
+
2118
+ .form-text {
2119
+ display: block;
2120
+ margin-top: 0.25rem;
2121
+ }
2122
+
2123
+ .form-row {
2124
+ display: -webkit-box;
2125
+ display: -ms-flexbox;
2126
+ display: flex;
2127
+ -ms-flex-wrap: wrap;
2128
+ flex-wrap: wrap;
2129
+ margin-right: -5px;
2130
+ margin-left: -5px;
2131
+ }
2132
+
2133
+ .form-row > .col,
2134
+ .form-row > [class*="col-"] {
2135
+ padding-right: 5px;
2136
+ padding-left: 5px;
2137
+ }
2138
+
2139
+ .form-check {
2140
+ position: relative;
2141
+ display: block;
2142
+ padding-left: 1.25rem;
2143
+ }
2144
+
2145
+ .form-check-input {
2146
+ position: absolute;
2147
+ margin-top: 0.3rem;
2148
+ margin-left: -1.25rem;
2149
+ }
2150
+
2151
+ .form-check-input:disabled ~ .form-check-label {
2152
+ color: #6c757d;
2153
+ }
2154
+
2155
+ .form-check-label {
2156
+ margin-bottom: 0;
2157
+ }
2158
+
2159
+ .form-check-inline {
2160
+ display: -webkit-inline-box;
2161
+ display: -ms-inline-flexbox;
2162
+ display: inline-flex;
2163
+ -webkit-box-align: center;
2164
+ -ms-flex-align: center;
2165
+ align-items: center;
2166
+ padding-left: 0;
2167
+ margin-right: 0.75rem;
2168
+ }
2169
+
2170
+ .form-check-inline .form-check-input {
2171
+ position: static;
2172
+ margin-top: 0;
2173
+ margin-right: 0.3125rem;
2174
+ margin-left: 0;
2175
+ }
2176
+
2177
+ .valid-feedback {
2178
+ display: none;
2179
+ width: 100%;
2180
+ margin-top: 0.25rem;
2181
+ font-size: 80%;
2182
+ color: #28a745;
2183
+ }
2184
+
2185
+ .valid-tooltip {
2186
+ position: absolute;
2187
+ top: 100%;
2188
+ z-index: 5;
2189
+ display: none;
2190
+ max-width: 100%;
2191
+ padding: .5rem;
2192
+ margin-top: .1rem;
2193
+ font-size: .875rem;
2194
+ line-height: 1;
2195
+ color: #fff;
2196
+ background-color: rgba(40, 167, 69, 0.8);
2197
+ border-radius: .2rem;
2198
+ }
2199
+
2200
+ .was-validated .form-control:valid, .form-control.is-valid, .was-validated
2201
+ .custom-select:valid,
2202
+ .custom-select.is-valid {
2203
+ border-color: #28a745;
2204
+ }
2205
+
2206
+ .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
2207
+ .custom-select:valid:focus,
2208
+ .custom-select.is-valid:focus {
2209
+ border-color: #28a745;
2210
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
2211
+ }
2212
+
2213
+ .was-validated .form-control:valid ~ .valid-feedback,
2214
+ .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
2215
+ .form-control.is-valid ~ .valid-tooltip, .was-validated
2216
+ .custom-select:valid ~ .valid-feedback,
2217
+ .was-validated
2218
+ .custom-select:valid ~ .valid-tooltip,
2219
+ .custom-select.is-valid ~ .valid-feedback,
2220
+ .custom-select.is-valid ~ .valid-tooltip {
2221
+ display: block;
2222
+ }
2223
+
2224
+ .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
2225
+ color: #28a745;
2226
+ }
2227
+
2228
+ .was-validated .form-check-input:valid ~ .valid-feedback,
2229
+ .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
2230
+ .form-check-input.is-valid ~ .valid-tooltip {
2231
+ display: block;
2232
+ }
2233
+
2234
+ .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
2235
+ color: #28a745;
2236
+ }
2237
+
2238
+ .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
2239
+ background-color: #71dd8a;
2240
+ }
2241
+
2242
+ .was-validated .custom-control-input:valid ~ .valid-feedback,
2243
+ .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
2244
+ .custom-control-input.is-valid ~ .valid-tooltip {
2245
+ display: block;
2246
+ }
2247
+
2248
+ .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
2249
+ background-color: #34ce57;
2250
+ }
2251
+
2252
+ .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
2253
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
2254
+ }
2255
+
2256
+ .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
2257
+ border-color: #28a745;
2258
+ }
2259
+
2260
+ .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
2261
+ border-color: inherit;
2262
+ }
2263
+
2264
+ .was-validated .custom-file-input:valid ~ .valid-feedback,
2265
+ .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
2266
+ .custom-file-input.is-valid ~ .valid-tooltip {
2267
+ display: block;
2268
+ }
2269
+
2270
+ .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
2271
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
2272
+ }
2273
+
2274
+ .invalid-feedback {
2275
+ display: none;
2276
+ width: 100%;
2277
+ margin-top: 0.25rem;
2278
+ font-size: 80%;
2279
+ color: #dc3545;
2280
+ }
2281
+
2282
+ .invalid-tooltip {
2283
+ position: absolute;
2284
+ top: 100%;
2285
+ z-index: 5;
2286
+ display: none;
2287
+ max-width: 100%;
2288
+ padding: .5rem;
2289
+ margin-top: .1rem;
2290
+ font-size: .875rem;
2291
+ line-height: 1;
2292
+ color: #fff;
2293
+ background-color: rgba(220, 53, 69, 0.8);
2294
+ border-radius: .2rem;
2295
+ }
2296
+
2297
+ .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
2298
+ .custom-select:invalid,
2299
+ .custom-select.is-invalid {
2300
+ border-color: #dc3545;
2301
+ }
2302
+
2303
+ .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
2304
+ .custom-select:invalid:focus,
2305
+ .custom-select.is-invalid:focus {
2306
+ border-color: #dc3545;
2307
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
2308
+ }
2309
+
2310
+ .was-validated .form-control:invalid ~ .invalid-feedback,
2311
+ .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
2312
+ .form-control.is-invalid ~ .invalid-tooltip, .was-validated
2313
+ .custom-select:invalid ~ .invalid-feedback,
2314
+ .was-validated
2315
+ .custom-select:invalid ~ .invalid-tooltip,
2316
+ .custom-select.is-invalid ~ .invalid-feedback,
2317
+ .custom-select.is-invalid ~ .invalid-tooltip {
2318
+ display: block;
2319
+ }
2320
+
2321
+ .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
2322
+ color: #dc3545;
2323
+ }
2324
+
2325
+ .was-validated .form-check-input:invalid ~ .invalid-feedback,
2326
+ .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
2327
+ .form-check-input.is-invalid ~ .invalid-tooltip {
2328
+ display: block;
2329
+ }
2330
+
2331
+ .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
2332
+ color: #dc3545;
2333
+ }
2334
+
2335
+ .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
2336
+ background-color: #efa2a9;
2337
+ }
2338
+
2339
+ .was-validated .custom-control-input:invalid ~ .invalid-feedback,
2340
+ .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
2341
+ .custom-control-input.is-invalid ~ .invalid-tooltip {
2342
+ display: block;
2343
+ }
2344
+
2345
+ .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
2346
+ background-color: #e4606d;
2347
+ }
2348
+
2349
+ .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
2350
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
2351
+ }
2352
+
2353
+ .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
2354
+ border-color: #dc3545;
2355
+ }
2356
+
2357
+ .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
2358
+ border-color: inherit;
2359
+ }
2360
+
2361
+ .was-validated .custom-file-input:invalid ~ .invalid-feedback,
2362
+ .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
2363
+ .custom-file-input.is-invalid ~ .invalid-tooltip {
2364
+ display: block;
2365
+ }
2366
+
2367
+ .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
2368
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
2369
+ }
2370
+
2371
+ .form-inline {
2372
+ display: -webkit-box;
2373
+ display: -ms-flexbox;
2374
+ display: flex;
2375
+ -webkit-box-orient: horizontal;
2376
+ -webkit-box-direction: normal;
2377
+ -ms-flex-flow: row wrap;
2378
+ flex-flow: row wrap;
2379
+ -webkit-box-align: center;
2380
+ -ms-flex-align: center;
2381
+ align-items: center;
2382
+ }
2383
+
2384
+ .form-inline .form-check {
2385
+ width: 100%;
2386
+ }
2387
+
2388
+ @media (min-width: 576px) {
2389
+ .form-inline label {
2390
+ display: -webkit-box;
2391
+ display: -ms-flexbox;
2392
+ display: flex;
2393
+ -webkit-box-align: center;
2394
+ -ms-flex-align: center;
2395
+ align-items: center;
2396
+ -webkit-box-pack: center;
2397
+ -ms-flex-pack: center;
2398
+ justify-content: center;
2399
+ margin-bottom: 0;
2400
+ }
2401
+ .form-inline .form-group {
2402
+ display: -webkit-box;
2403
+ display: -ms-flexbox;
2404
+ display: flex;
2405
+ -webkit-box-flex: 0;
2406
+ -ms-flex: 0 0 auto;
2407
+ flex: 0 0 auto;
2408
+ -webkit-box-orient: horizontal;
2409
+ -webkit-box-direction: normal;
2410
+ -ms-flex-flow: row wrap;
2411
+ flex-flow: row wrap;
2412
+ -webkit-box-align: center;
2413
+ -ms-flex-align: center;
2414
+ align-items: center;
2415
+ margin-bottom: 0;
2416
+ }
2417
+ .form-inline .form-control {
2418
+ display: inline-block;
2419
+ width: auto;
2420
+ vertical-align: middle;
2421
+ }
2422
+ .form-inline .form-control-plaintext {
2423
+ display: inline-block;
2424
+ }
2425
+ .form-inline .input-group {
2426
+ width: auto;
2427
+ }
2428
+ .form-inline .form-check {
2429
+ display: -webkit-box;
2430
+ display: -ms-flexbox;
2431
+ display: flex;
2432
+ -webkit-box-align: center;
2433
+ -ms-flex-align: center;
2434
+ align-items: center;
2435
+ -webkit-box-pack: center;
2436
+ -ms-flex-pack: center;
2437
+ justify-content: center;
2438
+ width: auto;
2439
+ padding-left: 0;
2440
+ }
2441
+ .form-inline .form-check-input {
2442
+ position: relative;
2443
+ margin-top: 0;
2444
+ margin-right: 0.25rem;
2445
+ margin-left: 0;
2446
+ }
2447
+ .form-inline .custom-control {
2448
+ -webkit-box-align: center;
2449
+ -ms-flex-align: center;
2450
+ align-items: center;
2451
+ -webkit-box-pack: center;
2452
+ -ms-flex-pack: center;
2453
+ justify-content: center;
2454
+ }
2455
+ .form-inline .custom-control-label {
2456
+ margin-bottom: 0;
2457
+ }
2458
+ }
2459
+
2460
+ .btn {
2461
+ display: inline-block;
2462
+ font-weight: 400;
2463
+ text-align: center;
2464
+ white-space: nowrap;
2465
+ vertical-align: middle;
2466
+ -webkit-user-select: none;
2467
+ -moz-user-select: none;
2468
+ -ms-user-select: none;
2469
+ user-select: none;
2470
+ border: 1px solid transparent;
2471
+ padding: 0.375rem 0.75rem;
2472
+ font-size: 1rem;
2473
+ line-height: 1.5;
2474
+ border-radius: 0.25rem;
2475
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2476
+ }
2477
+
2478
+ .btn:hover, .btn:focus {
2479
+ text-decoration: none;
2480
+ }
2481
+
2482
+ .btn:focus, .btn.focus {
2483
+ outline: 0;
2484
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
2485
+ }
2486
+
2487
+ .btn.disabled, .btn:disabled {
2488
+ opacity: 0.65;
2489
+ }
2490
+
2491
+ .btn:not(:disabled):not(.disabled) {
2492
+ cursor: pointer;
2493
+ }
2494
+
2495
+ .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
2496
+ background-image: none;
2497
+ }
2498
+
2499
+ a.btn.disabled,
2500
+ fieldset:disabled a.btn {
2501
+ pointer-events: none;
2502
+ }
2503
+
2504
+ .btn-primary {
2505
+ color: #fff;
2506
+ background-color: #007bff;
2507
+ border-color: #007bff;
2508
+ }
2509
+
2510
+ .btn-primary:hover {
2511
+ color: #fff;
2512
+ background-color: #0069d9;
2513
+ border-color: #0062cc;
2514
+ }
2515
+
2516
+ .btn-primary:focus, .btn-primary.focus {
2517
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2518
+ }
2519
+
2520
+ .btn-primary.disabled, .btn-primary:disabled {
2521
+ color: #fff;
2522
+ background-color: #007bff;
2523
+ border-color: #007bff;
2524
+ }
2525
+
2526
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
2527
+ .show > .btn-primary.dropdown-toggle {
2528
+ color: #fff;
2529
+ background-color: #0062cc;
2530
+ border-color: #005cbf;
2531
+ }
2532
+
2533
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
2534
+ .show > .btn-primary.dropdown-toggle:focus {
2535
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2536
+ }
2537
+
2538
+ .btn-secondary {
2539
+ color: #fff;
2540
+ background-color: #6c757d;
2541
+ border-color: #6c757d;
2542
+ }
2543
+
2544
+ .btn-secondary:hover {
2545
+ color: #fff;
2546
+ background-color: #5a6268;
2547
+ border-color: #545b62;
2548
+ }
2549
+
2550
+ .btn-secondary:focus, .btn-secondary.focus {
2551
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
2552
+ }
2553
+
2554
+ .btn-secondary.disabled, .btn-secondary:disabled {
2555
+ color: #fff;
2556
+ background-color: #6c757d;
2557
+ border-color: #6c757d;
2558
+ }
2559
+
2560
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
2561
+ .show > .btn-secondary.dropdown-toggle {
2562
+ color: #fff;
2563
+ background-color: #545b62;
2564
+ border-color: #4e555b;
2565
+ }
2566
+
2567
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
2568
+ .show > .btn-secondary.dropdown-toggle:focus {
2569
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
2570
+ }
2571
+
2572
+ .btn-success {
2573
+ color: #fff;
2574
+ background-color: #28a745;
2575
+ border-color: #28a745;
2576
+ }
2577
+
2578
+ .btn-success:hover {
2579
+ color: #fff;
2580
+ background-color: #218838;
2581
+ border-color: #1e7e34;
2582
+ }
2583
+
2584
+ .btn-success:focus, .btn-success.focus {
2585
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2586
+ }
2587
+
2588
+ .btn-success.disabled, .btn-success:disabled {
2589
+ color: #fff;
2590
+ background-color: #28a745;
2591
+ border-color: #28a745;
2592
+ }
2593
+
2594
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
2595
+ .show > .btn-success.dropdown-toggle {
2596
+ color: #fff;
2597
+ background-color: #1e7e34;
2598
+ border-color: #1c7430;
2599
+ }
2600
+
2601
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
2602
+ .show > .btn-success.dropdown-toggle:focus {
2603
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2604
+ }
2605
+
2606
+ .btn-info {
2607
+ color: #fff;
2608
+ background-color: #17a2b8;
2609
+ border-color: #17a2b8;
2610
+ }
2611
+
2612
+ .btn-info:hover {
2613
+ color: #fff;
2614
+ background-color: #138496;
2615
+ border-color: #117a8b;
2616
+ }
2617
+
2618
+ .btn-info:focus, .btn-info.focus {
2619
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2620
+ }
2621
+
2622
+ .btn-info.disabled, .btn-info:disabled {
2623
+ color: #fff;
2624
+ background-color: #17a2b8;
2625
+ border-color: #17a2b8;
2626
+ }
2627
+
2628
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
2629
+ .show > .btn-info.dropdown-toggle {
2630
+ color: #fff;
2631
+ background-color: #117a8b;
2632
+ border-color: #10707f;
2633
+ }
2634
+
2635
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
2636
+ .show > .btn-info.dropdown-toggle:focus {
2637
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2638
+ }
2639
+
2640
+ .btn-warning {
2641
+ color: #212529;
2642
+ background-color: #ffc107;
2643
+ border-color: #ffc107;
2644
+ }
2645
+
2646
+ .btn-warning:hover {
2647
+ color: #212529;
2648
+ background-color: #e0a800;
2649
+ border-color: #d39e00;
2650
+ }
2651
+
2652
+ .btn-warning:focus, .btn-warning.focus {
2653
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2654
+ }
2655
+
2656
+ .btn-warning.disabled, .btn-warning:disabled {
2657
+ color: #212529;
2658
+ background-color: #ffc107;
2659
+ border-color: #ffc107;
2660
+ }
2661
+
2662
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
2663
+ .show > .btn-warning.dropdown-toggle {
2664
+ color: #212529;
2665
+ background-color: #d39e00;
2666
+ border-color: #c69500;
2667
+ }
2668
+
2669
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
2670
+ .show > .btn-warning.dropdown-toggle:focus {
2671
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2672
+ }
2673
+
2674
+ .btn-danger {
2675
+ color: #fff;
2676
+ background-color: #dc3545;
2677
+ border-color: #dc3545;
2678
+ }
2679
+
2680
+ .btn-danger:hover {
2681
+ color: #fff;
2682
+ background-color: #c82333;
2683
+ border-color: #bd2130;
2684
+ }
2685
+
2686
+ .btn-danger:focus, .btn-danger.focus {
2687
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2688
+ }
2689
+
2690
+ .btn-danger.disabled, .btn-danger:disabled {
2691
+ color: #fff;
2692
+ background-color: #dc3545;
2693
+ border-color: #dc3545;
2694
+ }
2695
+
2696
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
2697
+ .show > .btn-danger.dropdown-toggle {
2698
+ color: #fff;
2699
+ background-color: #bd2130;
2700
+ border-color: #b21f2d;
2701
+ }
2702
+
2703
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
2704
+ .show > .btn-danger.dropdown-toggle:focus {
2705
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2706
+ }
2707
+
2708
+ .btn-light {
2709
+ color: #212529;
2710
+ background-color: #f8f9fa;
2711
+ border-color: #f8f9fa;
2712
+ }
2713
+
2714
+ .btn-light:hover {
2715
+ color: #212529;
2716
+ background-color: #e2e6ea;
2717
+ border-color: #dae0e5;
2718
+ }
2719
+
2720
+ .btn-light:focus, .btn-light.focus {
2721
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
2722
+ }
2723
+
2724
+ .btn-light.disabled, .btn-light:disabled {
2725
+ color: #212529;
2726
+ background-color: #f8f9fa;
2727
+ border-color: #f8f9fa;
2728
+ }
2729
+
2730
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
2731
+ .show > .btn-light.dropdown-toggle {
2732
+ color: #212529;
2733
+ background-color: #dae0e5;
2734
+ border-color: #d3d9df;
2735
+ }
2736
+
2737
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
2738
+ .show > .btn-light.dropdown-toggle:focus {
2739
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
2740
+ }
2741
+
2742
+ .btn-dark {
2743
+ color: #fff;
2744
+ background-color: #343a40;
2745
+ border-color: #343a40;
2746
+ }
2747
+
2748
+ .btn-dark:hover {
2749
+ color: #fff;
2750
+ background-color: #23272b;
2751
+ border-color: #1d2124;
2752
+ }
2753
+
2754
+ .btn-dark:focus, .btn-dark.focus {
2755
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
2756
+ }
2757
+
2758
+ .btn-dark.disabled, .btn-dark:disabled {
2759
+ color: #fff;
2760
+ background-color: #343a40;
2761
+ border-color: #343a40;
2762
+ }
2763
+
2764
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
2765
+ .show > .btn-dark.dropdown-toggle {
2766
+ color: #fff;
2767
+ background-color: #1d2124;
2768
+ border-color: #171a1d;
2769
+ }
2770
+
2771
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
2772
+ .show > .btn-dark.dropdown-toggle:focus {
2773
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
2774
+ }
2775
+
2776
+ .btn-outline-primary {
2777
+ color: #007bff;
2778
+ background-color: transparent;
2779
+ background-image: none;
2780
+ border-color: #007bff;
2781
+ }
2782
+
2783
+ .btn-outline-primary:hover {
2784
+ color: #fff;
2785
+ background-color: #007bff;
2786
+ border-color: #007bff;
2787
+ }
2788
+
2789
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
2790
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2791
+ }
2792
+
2793
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
2794
+ color: #007bff;
2795
+ background-color: transparent;
2796
+ }
2797
+
2798
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
2799
+ .show > .btn-outline-primary.dropdown-toggle {
2800
+ color: #fff;
2801
+ background-color: #007bff;
2802
+ border-color: #007bff;
2803
+ }
2804
+
2805
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
2806
+ .show > .btn-outline-primary.dropdown-toggle:focus {
2807
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2808
+ }
2809
+
2810
+ .btn-outline-secondary {
2811
+ color: #6c757d;
2812
+ background-color: transparent;
2813
+ background-image: none;
2814
+ border-color: #6c757d;
2815
+ }
2816
+
2817
+ .btn-outline-secondary:hover {
2818
+ color: #fff;
2819
+ background-color: #6c757d;
2820
+ border-color: #6c757d;
2821
+ }
2822
+
2823
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
2824
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
2825
+ }
2826
+
2827
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
2828
+ color: #6c757d;
2829
+ background-color: transparent;
2830
+ }
2831
+
2832
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
2833
+ .show > .btn-outline-secondary.dropdown-toggle {
2834
+ color: #fff;
2835
+ background-color: #6c757d;
2836
+ border-color: #6c757d;
2837
+ }
2838
+
2839
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
2840
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
2841
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
2842
+ }
2843
+
2844
+ .btn-outline-success {
2845
+ color: #28a745;
2846
+ background-color: transparent;
2847
+ background-image: none;
2848
+ border-color: #28a745;
2849
+ }
2850
+
2851
+ .btn-outline-success:hover {
2852
+ color: #fff;
2853
+ background-color: #28a745;
2854
+ border-color: #28a745;
2855
+ }
2856
+
2857
+ .btn-outline-success:focus, .btn-outline-success.focus {
2858
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2859
+ }
2860
+
2861
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
2862
+ color: #28a745;
2863
+ background-color: transparent;
2864
+ }
2865
+
2866
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
2867
+ .show > .btn-outline-success.dropdown-toggle {
2868
+ color: #fff;
2869
+ background-color: #28a745;
2870
+ border-color: #28a745;
2871
+ }
2872
+
2873
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
2874
+ .show > .btn-outline-success.dropdown-toggle:focus {
2875
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2876
+ }
2877
+
2878
+ .btn-outline-info {
2879
+ color: #17a2b8;
2880
+ background-color: transparent;
2881
+ background-image: none;
2882
+ border-color: #17a2b8;
2883
+ }
2884
+
2885
+ .btn-outline-info:hover {
2886
+ color: #fff;
2887
+ background-color: #17a2b8;
2888
+ border-color: #17a2b8;
2889
+ }
2890
+
2891
+ .btn-outline-info:focus, .btn-outline-info.focus {
2892
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2893
+ }
2894
+
2895
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
2896
+ color: #17a2b8;
2897
+ background-color: transparent;
2898
+ }
2899
+
2900
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
2901
+ .show > .btn-outline-info.dropdown-toggle {
2902
+ color: #fff;
2903
+ background-color: #17a2b8;
2904
+ border-color: #17a2b8;
2905
+ }
2906
+
2907
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
2908
+ .show > .btn-outline-info.dropdown-toggle:focus {
2909
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2910
+ }
2911
+
2912
+ .btn-outline-warning {
2913
+ color: #ffc107;
2914
+ background-color: transparent;
2915
+ background-image: none;
2916
+ border-color: #ffc107;
2917
+ }
2918
+
2919
+ .btn-outline-warning:hover {
2920
+ color: #212529;
2921
+ background-color: #ffc107;
2922
+ border-color: #ffc107;
2923
+ }
2924
+
2925
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
2926
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2927
+ }
2928
+
2929
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
2930
+ color: #ffc107;
2931
+ background-color: transparent;
2932
+ }
2933
+
2934
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
2935
+ .show > .btn-outline-warning.dropdown-toggle {
2936
+ color: #212529;
2937
+ background-color: #ffc107;
2938
+ border-color: #ffc107;
2939
+ }
2940
+
2941
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
2942
+ .show > .btn-outline-warning.dropdown-toggle:focus {
2943
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2944
+ }
2945
+
2946
+ .btn-outline-danger {
2947
+ color: #dc3545;
2948
+ background-color: transparent;
2949
+ background-image: none;
2950
+ border-color: #dc3545;
2951
+ }
2952
+
2953
+ .btn-outline-danger:hover {
2954
+ color: #fff;
2955
+ background-color: #dc3545;
2956
+ border-color: #dc3545;
2957
+ }
2958
+
2959
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
2960
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2961
+ }
2962
+
2963
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
2964
+ color: #dc3545;
2965
+ background-color: transparent;
2966
+ }
2967
+
2968
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
2969
+ .show > .btn-outline-danger.dropdown-toggle {
2970
+ color: #fff;
2971
+ background-color: #dc3545;
2972
+ border-color: #dc3545;
2973
+ }
2974
+
2975
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
2976
+ .show > .btn-outline-danger.dropdown-toggle:focus {
2977
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2978
+ }
2979
+
2980
+ .btn-outline-light {
2981
+ color: #f8f9fa;
2982
+ background-color: transparent;
2983
+ background-image: none;
2984
+ border-color: #f8f9fa;
2985
+ }
2986
+
2987
+ .btn-outline-light:hover {
2988
+ color: #212529;
2989
+ background-color: #f8f9fa;
2990
+ border-color: #f8f9fa;
2991
+ }
2992
+
2993
+ .btn-outline-light:focus, .btn-outline-light.focus {
2994
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
2995
+ }
2996
+
2997
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
2998
+ color: #f8f9fa;
2999
+ background-color: transparent;
3000
+ }
3001
+
3002
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
3003
+ .show > .btn-outline-light.dropdown-toggle {
3004
+ color: #212529;
3005
+ background-color: #f8f9fa;
3006
+ border-color: #f8f9fa;
3007
+ }
3008
+
3009
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
3010
+ .show > .btn-outline-light.dropdown-toggle:focus {
3011
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
3012
+ }
3013
+
3014
+ .btn-outline-dark {
3015
+ color: #343a40;
3016
+ background-color: transparent;
3017
+ background-image: none;
3018
+ border-color: #343a40;
3019
+ }
3020
+
3021
+ .btn-outline-dark:hover {
3022
+ color: #fff;
3023
+ background-color: #343a40;
3024
+ border-color: #343a40;
3025
+ }
3026
+
3027
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
3028
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
3029
+ }
3030
+
3031
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
3032
+ color: #343a40;
3033
+ background-color: transparent;
3034
+ }
3035
+
3036
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
3037
+ .show > .btn-outline-dark.dropdown-toggle {
3038
+ color: #fff;
3039
+ background-color: #343a40;
3040
+ border-color: #343a40;
3041
+ }
3042
+
3043
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
3044
+ .show > .btn-outline-dark.dropdown-toggle:focus {
3045
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
3046
+ }
3047
+
3048
+ .btn-link {
3049
+ font-weight: 400;
3050
+ color: #007bff;
3051
+ background-color: transparent;
3052
+ }
3053
+
3054
+ .btn-link:hover {
3055
+ color: #0056b3;
3056
+ text-decoration: underline;
3057
+ background-color: transparent;
3058
+ border-color: transparent;
3059
+ }
3060
+
3061
+ .btn-link:focus, .btn-link.focus {
3062
+ text-decoration: underline;
3063
+ border-color: transparent;
3064
+ box-shadow: none;
3065
+ }
3066
+
3067
+ .btn-link:disabled, .btn-link.disabled {
3068
+ color: #6c757d;
3069
+ }
3070
+
3071
+ .btn-lg, .btn-group-lg > .btn {
3072
+ padding: 0.5rem 1rem;
3073
+ font-size: 1.25rem;
3074
+ line-height: 1.5;
3075
+ border-radius: 0.3rem;
3076
+ }
3077
+
3078
+ .btn-sm, .btn-group-sm > .btn {
3079
+ padding: 0.25rem 0.5rem;
3080
+ font-size: 0.875rem;
3081
+ line-height: 1.5;
3082
+ border-radius: 0.2rem;
3083
+ }
3084
+
3085
+ .btn-block {
3086
+ display: block;
3087
+ width: 100%;
3088
+ }
3089
+
3090
+ .btn-block + .btn-block {
3091
+ margin-top: 0.5rem;
3092
+ }
3093
+
3094
+ input[type="submit"].btn-block,
3095
+ input[type="reset"].btn-block,
3096
+ input[type="button"].btn-block {
3097
+ width: 100%;
3098
+ }
3099
+
3100
+ .fade {
3101
+ opacity: 0;
3102
+ transition: opacity 0.15s linear;
3103
+ }
3104
+
3105
+ .fade.show {
3106
+ opacity: 1;
3107
+ }
3108
+
3109
+ .collapse {
3110
+ display: none;
3111
+ }
3112
+
3113
+ .collapse.show {
3114
+ display: block;
3115
+ }
3116
+
3117
+ tr.collapse.show {
3118
+ display: table-row;
3119
+ }
3120
+
3121
+ tbody.collapse.show {
3122
+ display: table-row-group;
3123
+ }
3124
+
3125
+ .collapsing {
3126
+ position: relative;
3127
+ height: 0;
3128
+ overflow: hidden;
3129
+ transition: height 0.35s ease;
3130
+ }
3131
+
3132
+ .dropup,
3133
+ .dropdown {
3134
+ position: relative;
3135
+ }
3136
+
3137
+ .dropdown-toggle::after {
3138
+ display: inline-block;
3139
+ width: 0;
3140
+ height: 0;
3141
+ margin-left: 0.255em;
3142
+ vertical-align: 0.255em;
3143
+ content: "";
3144
+ border-top: 0.3em solid;
3145
+ border-right: 0.3em solid transparent;
3146
+ border-bottom: 0;
3147
+ border-left: 0.3em solid transparent;
3148
+ }
3149
+
3150
+ .dropdown-toggle:empty::after {
3151
+ margin-left: 0;
3152
+ }
3153
+
3154
+ .dropdown-menu {
3155
+ position: absolute;
3156
+ top: 100%;
3157
+ left: 0;
3158
+ z-index: 1000;
3159
+ display: none;
3160
+ float: left;
3161
+ min-width: 10rem;
3162
+ padding: 0.5rem 0;
3163
+ margin: 0.125rem 0 0;
3164
+ font-size: 1rem;
3165
+ color: #212529;
3166
+ text-align: left;
3167
+ list-style: none;
3168
+ background-color: #fff;
3169
+ background-clip: padding-box;
3170
+ border: 1px solid rgba(0, 0, 0, 0.15);
3171
+ border-radius: 0.25rem;
3172
+ }
3173
+
3174
+ .dropup .dropdown-menu {
3175
+ margin-top: 0;
3176
+ margin-bottom: 0.125rem;
3177
+ }
3178
+
3179
+ .dropup .dropdown-toggle::after {
3180
+ display: inline-block;
3181
+ width: 0;
3182
+ height: 0;
3183
+ margin-left: 0.255em;
3184
+ vertical-align: 0.255em;
3185
+ content: "";
3186
+ border-top: 0;
3187
+ border-right: 0.3em solid transparent;
3188
+ border-bottom: 0.3em solid;
3189
+ border-left: 0.3em solid transparent;
3190
+ }
3191
+
3192
+ .dropup .dropdown-toggle:empty::after {
3193
+ margin-left: 0;
3194
+ }
3195
+
3196
+ .dropright .dropdown-menu {
3197
+ margin-top: 0;
3198
+ margin-left: 0.125rem;
3199
+ }
3200
+
3201
+ .dropright .dropdown-toggle::after {
3202
+ display: inline-block;
3203
+ width: 0;
3204
+ height: 0;
3205
+ margin-left: 0.255em;
3206
+ vertical-align: 0.255em;
3207
+ content: "";
3208
+ border-top: 0.3em solid transparent;
3209
+ border-bottom: 0.3em solid transparent;
3210
+ border-left: 0.3em solid;
3211
+ }
3212
+
3213
+ .dropright .dropdown-toggle:empty::after {
3214
+ margin-left: 0;
3215
+ }
3216
+
3217
+ .dropright .dropdown-toggle::after {
3218
+ vertical-align: 0;
3219
+ }
3220
+
3221
+ .dropleft .dropdown-menu {
3222
+ margin-top: 0;
3223
+ margin-right: 0.125rem;
3224
+ }
3225
+
3226
+ .dropleft .dropdown-toggle::after {
3227
+ display: inline-block;
3228
+ width: 0;
3229
+ height: 0;
3230
+ margin-left: 0.255em;
3231
+ vertical-align: 0.255em;
3232
+ content: "";
3233
+ }
3234
+
3235
+ .dropleft .dropdown-toggle::after {
3236
+ display: none;
3237
+ }
3238
+
3239
+ .dropleft .dropdown-toggle::before {
3240
+ display: inline-block;
3241
+ width: 0;
3242
+ height: 0;
3243
+ margin-right: 0.255em;
3244
+ vertical-align: 0.255em;
3245
+ content: "";
3246
+ border-top: 0.3em solid transparent;
3247
+ border-right: 0.3em solid;
3248
+ border-bottom: 0.3em solid transparent;
3249
+ }
3250
+
3251
+ .dropleft .dropdown-toggle:empty::after {
3252
+ margin-left: 0;
3253
+ }
3254
+
3255
+ .dropleft .dropdown-toggle::before {
3256
+ vertical-align: 0;
3257
+ }
3258
+
3259
+ .dropdown-divider {
3260
+ height: 0;
3261
+ margin: 0.5rem 0;
3262
+ overflow: hidden;
3263
+ border-top: 1px solid #e9ecef;
3264
+ }
3265
+
3266
+ .dropdown-item {
3267
+ display: block;
3268
+ width: 100%;
3269
+ padding: 0.25rem 1.5rem;
3270
+ clear: both;
3271
+ font-weight: 400;
3272
+ color: #212529;
3273
+ text-align: inherit;
3274
+ white-space: nowrap;
3275
+ background-color: transparent;
3276
+ border: 0;
3277
+ }
3278
+
3279
+ .dropdown-item:hover, .dropdown-item:focus {
3280
+ color: #16181b;
3281
+ text-decoration: none;
3282
+ background-color: #f8f9fa;
3283
+ }
3284
+
3285
+ .dropdown-item.active, .dropdown-item:active {
3286
+ color: #fff;
3287
+ text-decoration: none;
3288
+ background-color: #007bff;
3289
+ }
3290
+
3291
+ .dropdown-item.disabled, .dropdown-item:disabled {
3292
+ color: #6c757d;
3293
+ background-color: transparent;
3294
+ }
3295
+
3296
+ .dropdown-menu.show {
3297
+ display: block;
3298
+ }
3299
+
3300
+ .dropdown-header {
3301
+ display: block;
3302
+ padding: 0.5rem 1.5rem;
3303
+ margin-bottom: 0;
3304
+ font-size: 0.875rem;
3305
+ color: #6c757d;
3306
+ white-space: nowrap;
3307
+ }
3308
+
3309
+ .btn-group,
3310
+ .btn-group-vertical {
3311
+ position: relative;
3312
+ display: -webkit-inline-box;
3313
+ display: -ms-inline-flexbox;
3314
+ display: inline-flex;
3315
+ vertical-align: middle;
3316
+ }
3317
+
3318
+ .btn-group > .btn,
3319
+ .btn-group-vertical > .btn {
3320
+ position: relative;
3321
+ -webkit-box-flex: 0;
3322
+ -ms-flex: 0 1 auto;
3323
+ flex: 0 1 auto;
3324
+ }
3325
+
3326
+ .btn-group > .btn:hover,
3327
+ .btn-group-vertical > .btn:hover {
3328
+ z-index: 1;
3329
+ }
3330
+
3331
+ .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
3332
+ .btn-group-vertical > .btn:focus,
3333
+ .btn-group-vertical > .btn:active,
3334
+ .btn-group-vertical > .btn.active {
3335
+ z-index: 1;
3336
+ }
3337
+
3338
+ .btn-group .btn + .btn,
3339
+ .btn-group .btn + .btn-group,
3340
+ .btn-group .btn-group + .btn,
3341
+ .btn-group .btn-group + .btn-group,
3342
+ .btn-group-vertical .btn + .btn,
3343
+ .btn-group-vertical .btn + .btn-group,
3344
+ .btn-group-vertical .btn-group + .btn,
3345
+ .btn-group-vertical .btn-group + .btn-group {
3346
+ margin-left: -1px;
3347
+ }
3348
+
3349
+ .btn-toolbar {
3350
+ display: -webkit-box;
3351
+ display: -ms-flexbox;
3352
+ display: flex;
3353
+ -ms-flex-wrap: wrap;
3354
+ flex-wrap: wrap;
3355
+ -webkit-box-pack: start;
3356
+ -ms-flex-pack: start;
3357
+ justify-content: flex-start;
3358
+ }
3359
+
3360
+ .btn-toolbar .input-group {
3361
+ width: auto;
3362
+ }
3363
+
3364
+ .btn-group > .btn:first-child {
3365
+ margin-left: 0;
3366
+ }
3367
+
3368
+ .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
3369
+ .btn-group > .btn-group:not(:last-child) > .btn {
3370
+ border-top-right-radius: 0;
3371
+ border-bottom-right-radius: 0;
3372
+ }
3373
+
3374
+ .btn-group > .btn:not(:first-child),
3375
+ .btn-group > .btn-group:not(:first-child) > .btn {
3376
+ border-top-left-radius: 0;
3377
+ border-bottom-left-radius: 0;
3378
+ }
3379
+
3380
+ .dropdown-toggle-split {
3381
+ padding-right: 0.5625rem;
3382
+ padding-left: 0.5625rem;
3383
+ }
3384
+
3385
+ .dropdown-toggle-split::after {
3386
+ margin-left: 0;
3387
+ }
3388
+
3389
+ .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
3390
+ padding-right: 0.375rem;
3391
+ padding-left: 0.375rem;
3392
+ }
3393
+
3394
+ .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
3395
+ padding-right: 0.75rem;
3396
+ padding-left: 0.75rem;
3397
+ }
3398
+
3399
+ .btn-group-vertical {
3400
+ -webkit-box-orient: vertical;
3401
+ -webkit-box-direction: normal;
3402
+ -ms-flex-direction: column;
3403
+ flex-direction: column;
3404
+ -webkit-box-align: start;
3405
+ -ms-flex-align: start;
3406
+ align-items: flex-start;
3407
+ -webkit-box-pack: center;
3408
+ -ms-flex-pack: center;
3409
+ justify-content: center;
3410
+ }
3411
+
3412
+ .btn-group-vertical .btn,
3413
+ .btn-group-vertical .btn-group {
3414
+ width: 100%;
3415
+ }
3416
+
3417
+ .btn-group-vertical > .btn + .btn,
3418
+ .btn-group-vertical > .btn + .btn-group,
3419
+ .btn-group-vertical > .btn-group + .btn,
3420
+ .btn-group-vertical > .btn-group + .btn-group {
3421
+ margin-top: -1px;
3422
+ margin-left: 0;
3423
+ }
3424
+
3425
+ .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
3426
+ .btn-group-vertical > .btn-group:not(:last-child) > .btn {
3427
+ border-bottom-right-radius: 0;
3428
+ border-bottom-left-radius: 0;
3429
+ }
3430
+
3431
+ .btn-group-vertical > .btn:not(:first-child),
3432
+ .btn-group-vertical > .btn-group:not(:first-child) > .btn {
3433
+ border-top-left-radius: 0;
3434
+ border-top-right-radius: 0;
3435
+ }
3436
+
3437
+ .btn-group-toggle > .btn,
3438
+ .btn-group-toggle > .btn-group > .btn {
3439
+ margin-bottom: 0;
3440
+ }
3441
+
3442
+ .btn-group-toggle > .btn input[type="radio"],
3443
+ .btn-group-toggle > .btn input[type="checkbox"],
3444
+ .btn-group-toggle > .btn-group > .btn input[type="radio"],
3445
+ .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
3446
+ position: absolute;
3447
+ clip: rect(0, 0, 0, 0);
3448
+ pointer-events: none;
3449
+ }
3450
+
3451
+ .input-group {
3452
+ position: relative;
3453
+ display: -webkit-box;
3454
+ display: -ms-flexbox;
3455
+ display: flex;
3456
+ -ms-flex-wrap: wrap;
3457
+ flex-wrap: wrap;
3458
+ -webkit-box-align: stretch;
3459
+ -ms-flex-align: stretch;
3460
+ align-items: stretch;
3461
+ width: 100%;
3462
+ }
3463
+
3464
+ .input-group > .form-control,
3465
+ .input-group > .custom-select,
3466
+ .input-group > .custom-file {
3467
+ position: relative;
3468
+ -webkit-box-flex: 1;
3469
+ -ms-flex: 1 1 auto;
3470
+ flex: 1 1 auto;
3471
+ width: 1%;
3472
+ margin-bottom: 0;
3473
+ }
3474
+
3475
+ .input-group > .form-control:focus,
3476
+ .input-group > .custom-select:focus,
3477
+ .input-group > .custom-file:focus {
3478
+ z-index: 3;
3479
+ }
3480
+
3481
+ .input-group > .form-control + .form-control,
3482
+ .input-group > .form-control + .custom-select,
3483
+ .input-group > .form-control + .custom-file,
3484
+ .input-group > .custom-select + .form-control,
3485
+ .input-group > .custom-select + .custom-select,
3486
+ .input-group > .custom-select + .custom-file,
3487
+ .input-group > .custom-file + .form-control,
3488
+ .input-group > .custom-file + .custom-select,
3489
+ .input-group > .custom-file + .custom-file {
3490
+ margin-left: -1px;
3491
+ }
3492
+
3493
+ .input-group > .form-control:not(:last-child),
3494
+ .input-group > .custom-select:not(:last-child) {
3495
+ border-top-right-radius: 0;
3496
+ border-bottom-right-radius: 0;
3497
+ }
3498
+
3499
+ .input-group > .form-control:not(:first-child),
3500
+ .input-group > .custom-select:not(:first-child) {
3501
+ border-top-left-radius: 0;
3502
+ border-bottom-left-radius: 0;
3503
+ }
3504
+
3505
+ .input-group > .custom-file {
3506
+ display: -webkit-box;
3507
+ display: -ms-flexbox;
3508
+ display: flex;
3509
+ -webkit-box-align: center;
3510
+ -ms-flex-align: center;
3511
+ align-items: center;
3512
+ }
3513
+
3514
+ .input-group > .custom-file:not(:last-child) .custom-file-label,
3515
+ .input-group > .custom-file:not(:last-child) .custom-file-label::before {
3516
+ border-top-right-radius: 0;
3517
+ border-bottom-right-radius: 0;
3518
+ }
3519
+
3520
+ .input-group > .custom-file:not(:first-child) .custom-file-label,
3521
+ .input-group > .custom-file:not(:first-child) .custom-file-label::before {
3522
+ border-top-left-radius: 0;
3523
+ border-bottom-left-radius: 0;
3524
+ }
3525
+
3526
+ .input-group-prepend,
3527
+ .input-group-append {
3528
+ display: -webkit-box;
3529
+ display: -ms-flexbox;
3530
+ display: flex;
3531
+ }
3532
+
3533
+ .input-group-prepend .btn,
3534
+ .input-group-append .btn {
3535
+ position: relative;
3536
+ z-index: 2;
3537
+ }
3538
+
3539
+ .input-group-prepend .btn + .btn,
3540
+ .input-group-prepend .btn + .input-group-text,
3541
+ .input-group-prepend .input-group-text + .input-group-text,
3542
+ .input-group-prepend .input-group-text + .btn,
3543
+ .input-group-append .btn + .btn,
3544
+ .input-group-append .btn + .input-group-text,
3545
+ .input-group-append .input-group-text + .input-group-text,
3546
+ .input-group-append .input-group-text + .btn {
3547
+ margin-left: -1px;
3548
+ }
3549
+
3550
+ .input-group-prepend {
3551
+ margin-right: -1px;
3552
+ }
3553
+
3554
+ .input-group-append {
3555
+ margin-left: -1px;
3556
+ }
3557
+
3558
+ .input-group-text {
3559
+ display: -webkit-box;
3560
+ display: -ms-flexbox;
3561
+ display: flex;
3562
+ -webkit-box-align: center;
3563
+ -ms-flex-align: center;
3564
+ align-items: center;
3565
+ padding: 0.375rem 0.75rem;
3566
+ margin-bottom: 0;
3567
+ font-size: 1rem;
3568
+ font-weight: 400;
3569
+ line-height: 1.5;
3570
+ color: #495057;
3571
+ text-align: center;
3572
+ white-space: nowrap;
3573
+ background-color: #e9ecef;
3574
+ border: 1px solid #ced4da;
3575
+ border-radius: 0.25rem;
3576
+ }
3577
+
3578
+ .input-group-text input[type="radio"],
3579
+ .input-group-text input[type="checkbox"] {
3580
+ margin-top: 0;
3581
+ }
3582
+
3583
+ .input-group > .input-group-prepend > .btn,
3584
+ .input-group > .input-group-prepend > .input-group-text,
3585
+ .input-group > .input-group-append:not(:last-child) > .btn,
3586
+ .input-group > .input-group-append:not(:last-child) > .input-group-text,
3587
+ .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
3588
+ .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
3589
+ border-top-right-radius: 0;
3590
+ border-bottom-right-radius: 0;
3591
+ }
3592
+
3593
+ .input-group > .input-group-append > .btn,
3594
+ .input-group > .input-group-append > .input-group-text,
3595
+ .input-group > .input-group-prepend:not(:first-child) > .btn,
3596
+ .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
3597
+ .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
3598
+ .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
3599
+ border-top-left-radius: 0;
3600
+ border-bottom-left-radius: 0;
3601
+ }
3602
+
3603
+ .custom-control {
3604
+ position: relative;
3605
+ display: block;
3606
+ min-height: 1.5rem;
3607
+ padding-left: 1.5rem;
3608
+ }
3609
+
3610
+ .custom-control-inline {
3611
+ display: -webkit-inline-box;
3612
+ display: -ms-inline-flexbox;
3613
+ display: inline-flex;
3614
+ margin-right: 1rem;
3615
+ }
3616
+
3617
+ .custom-control-input {
3618
+ position: absolute;
3619
+ z-index: -1;
3620
+ opacity: 0;
3621
+ }
3622
+
3623
+ .custom-control-input:checked ~ .custom-control-label::before {
3624
+ color: #fff;
3625
+ background-color: #007bff;
3626
+ }
3627
+
3628
+ .custom-control-input:focus ~ .custom-control-label::before {
3629
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
3630
+ }
3631
+
3632
+ .custom-control-input:active ~ .custom-control-label::before {
3633
+ color: #fff;
3634
+ background-color: #b3d7ff;
3635
+ }
3636
+
3637
+ .custom-control-input:disabled ~ .custom-control-label {
3638
+ color: #6c757d;
3639
+ }
3640
+
3641
+ .custom-control-input:disabled ~ .custom-control-label::before {
3642
+ background-color: #e9ecef;
3643
+ }
3644
+
3645
+ .custom-control-label {
3646
+ margin-bottom: 0;
3647
+ }
3648
+
3649
+ .custom-control-label::before {
3650
+ position: absolute;
3651
+ top: 0.25rem;
3652
+ left: 0;
3653
+ display: block;
3654
+ width: 1rem;
3655
+ height: 1rem;
3656
+ pointer-events: none;
3657
+ content: "";
3658
+ -webkit-user-select: none;
3659
+ -moz-user-select: none;
3660
+ -ms-user-select: none;
3661
+ user-select: none;
3662
+ background-color: #dee2e6;
3663
+ }
3664
+
3665
+ .custom-control-label::after {
3666
+ position: absolute;
3667
+ top: 0.25rem;
3668
+ left: 0;
3669
+ display: block;
3670
+ width: 1rem;
3671
+ height: 1rem;
3672
+ content: "";
3673
+ background-repeat: no-repeat;
3674
+ background-position: center center;
3675
+ background-size: 50% 50%;
3676
+ }
3677
+
3678
+ .custom-checkbox .custom-control-label::before {
3679
+ border-radius: 0.25rem;
3680
+ }
3681
+
3682
+ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
3683
+ background-color: #007bff;
3684
+ }
3685
+
3686
+ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
3687
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
3688
+ }
3689
+
3690
+ .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
3691
+ background-color: #007bff;
3692
+ }
3693
+
3694
+ .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
3695
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
3696
+ }
3697
+
3698
+ .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
3699
+ background-color: rgba(0, 123, 255, 0.5);
3700
+ }
3701
+
3702
+ .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
3703
+ background-color: rgba(0, 123, 255, 0.5);
3704
+ }
3705
+
3706
+ .custom-radio .custom-control-label::before {
3707
+ border-radius: 50%;
3708
+ }
3709
+
3710
+ .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
3711
+ background-color: #007bff;
3712
+ }
3713
+
3714
+ .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
3715
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
3716
+ }
3717
+
3718
+ .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
3719
+ background-color: rgba(0, 123, 255, 0.5);
3720
+ }
3721
+
3722
+ .custom-select {
3723
+ display: inline-block;
3724
+ width: 100%;
3725
+ height: calc(2.25rem + 2px);
3726
+ padding: 0.375rem 1.75rem 0.375rem 0.75rem;
3727
+ line-height: 1.5;
3728
+ color: #495057;
3729
+ vertical-align: middle;
3730
+ background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
3731
+ background-size: 8px 10px;
3732
+ border: 1px solid #ced4da;
3733
+ border-radius: 0.25rem;
3734
+ -webkit-appearance: none;
3735
+ -moz-appearance: none;
3736
+ appearance: none;
3737
+ }
3738
+
3739
+ .custom-select:focus {
3740
+ border-color: #80bdff;
3741
+ outline: 0;
3742
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
3743
+ }
3744
+
3745
+ .custom-select:focus::-ms-value {
3746
+ color: #495057;
3747
+ background-color: #fff;
3748
+ }
3749
+
3750
+ .custom-select[multiple], .custom-select[size]:not([size="1"]) {
3751
+ height: auto;
3752
+ padding-right: 0.75rem;
3753
+ background-image: none;
3754
+ }
3755
+
3756
+ .custom-select:disabled {
3757
+ color: #6c757d;
3758
+ background-color: #e9ecef;
3759
+ }
3760
+
3761
+ .custom-select::-ms-expand {
3762
+ opacity: 0;
3763
+ }
3764
+
3765
+ .custom-select-sm {
3766
+ height: calc(1.8125rem + 2px);
3767
+ padding-top: 0.375rem;
3768
+ padding-bottom: 0.375rem;
3769
+ font-size: 75%;
3770
+ }
3771
+
3772
+ .custom-select-lg {
3773
+ height: calc(2.875rem + 2px);
3774
+ padding-top: 0.375rem;
3775
+ padding-bottom: 0.375rem;
3776
+ font-size: 125%;
3777
+ }
3778
+
3779
+ .custom-file {
3780
+ position: relative;
3781
+ display: inline-block;
3782
+ width: 100%;
3783
+ height: calc(2.25rem + 2px);
3784
+ margin-bottom: 0;
3785
+ }
3786
+
3787
+ .custom-file-input {
3788
+ position: relative;
3789
+ z-index: 2;
3790
+ width: 100%;
3791
+ height: calc(2.25rem + 2px);
3792
+ margin: 0;
3793
+ opacity: 0;
3794
+ }
3795
+
3796
+ .custom-file-input:focus ~ .custom-file-control {
3797
+ border-color: #80bdff;
3798
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
3799
+ }
3800
+
3801
+ .custom-file-input:focus ~ .custom-file-control::before {
3802
+ border-color: #80bdff;
3803
+ }
3804
+
3805
+ .custom-file-input:lang(en) ~ .custom-file-label::after {
3806
+ content: "Browse";
3807
+ }
3808
+
3809
+ .custom-file-label {
3810
+ position: absolute;
3811
+ top: 0;
3812
+ right: 0;
3813
+ left: 0;
3814
+ z-index: 1;
3815
+ height: calc(2.25rem + 2px);
3816
+ padding: 0.375rem 0.75rem;
3817
+ line-height: 1.5;
3818
+ color: #495057;
3819
+ background-color: #fff;
3820
+ border: 1px solid #ced4da;
3821
+ border-radius: 0.25rem;
3822
+ }
3823
+
3824
+ .custom-file-label::after {
3825
+ position: absolute;
3826
+ top: 0;
3827
+ right: 0;
3828
+ bottom: 0;
3829
+ z-index: 3;
3830
+ display: block;
3831
+ height: calc(calc(2.25rem + 2px) - 1px * 2);
3832
+ padding: 0.375rem 0.75rem;
3833
+ line-height: 1.5;
3834
+ color: #495057;
3835
+ content: "Browse";
3836
+ background-color: #e9ecef;
3837
+ border-left: 1px solid #ced4da;
3838
+ border-radius: 0 0.25rem 0.25rem 0;
3839
+ }
3840
+
3841
+ .nav {
3842
+ display: -webkit-box;
3843
+ display: -ms-flexbox;
3844
+ display: flex;
3845
+ -ms-flex-wrap: wrap;
3846
+ flex-wrap: wrap;
3847
+ padding-left: 0;
3848
+ margin-bottom: 0;
3849
+ list-style: none;
3850
+ }
3851
+
3852
+ .nav-link {
3853
+ display: block;
3854
+ padding: 0.5rem 1rem;
3855
+ }
3856
+
3857
+ .nav-link:hover, .nav-link:focus {
3858
+ text-decoration: none;
3859
+ }
3860
+
3861
+ .nav-link.disabled {
3862
+ color: #6c757d;
3863
+ }
3864
+
3865
+ .nav-tabs {
3866
+ border-bottom: 1px solid #dee2e6;
3867
+ }
3868
+
3869
+ .nav-tabs .nav-item {
3870
+ margin-bottom: -1px;
3871
+ }
3872
+
3873
+ .nav-tabs .nav-link {
3874
+ border: 1px solid transparent;
3875
+ border-top-left-radius: 0.25rem;
3876
+ border-top-right-radius: 0.25rem;
3877
+ }
3878
+
3879
+ .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
3880
+ border-color: #e9ecef #e9ecef #dee2e6;
3881
+ }
3882
+
3883
+ .nav-tabs .nav-link.disabled {
3884
+ color: #6c757d;
3885
+ background-color: transparent;
3886
+ border-color: transparent;
3887
+ }
3888
+
3889
+ .nav-tabs .nav-link.active,
3890
+ .nav-tabs .nav-item.show .nav-link {
3891
+ color: #495057;
3892
+ background-color: #fff;
3893
+ border-color: #dee2e6 #dee2e6 #fff;
3894
+ }
3895
+
3896
+ .nav-tabs .dropdown-menu {
3897
+ margin-top: -1px;
3898
+ border-top-left-radius: 0;
3899
+ border-top-right-radius: 0;
3900
+ }
3901
+
3902
+ .nav-pills .nav-link {
3903
+ border-radius: 0.25rem;
3904
+ }
3905
+
3906
+ .nav-pills .nav-link.active,
3907
+ .nav-pills .show > .nav-link {
3908
+ color: #fff;
3909
+ background-color: #007bff;
3910
+ }
3911
+
3912
+ .nav-fill .nav-item {
3913
+ -webkit-box-flex: 1;
3914
+ -ms-flex: 1 1 auto;
3915
+ flex: 1 1 auto;
3916
+ text-align: center;
3917
+ }
3918
+
3919
+ .nav-justified .nav-item {
3920
+ -ms-flex-preferred-size: 0;
3921
+ flex-basis: 0;
3922
+ -webkit-box-flex: 1;
3923
+ -ms-flex-positive: 1;
3924
+ flex-grow: 1;
3925
+ text-align: center;
3926
+ }
3927
+
3928
+ .tab-content > .tab-pane {
3929
+ display: none;
3930
+ }
3931
+
3932
+ .tab-content > .active {
3933
+ display: block;
3934
+ }
3935
+
3936
+ .navbar {
3937
+ position: relative;
3938
+ display: -webkit-box;
3939
+ display: -ms-flexbox;
3940
+ display: flex;
3941
+ -ms-flex-wrap: wrap;
3942
+ flex-wrap: wrap;
3943
+ -webkit-box-align: center;
3944
+ -ms-flex-align: center;
3945
+ align-items: center;
3946
+ -webkit-box-pack: justify;
3947
+ -ms-flex-pack: justify;
3948
+ justify-content: space-between;
3949
+ padding: 0.5rem 1rem;
3950
+ }
3951
+
3952
+ .navbar > .container,
3953
+ .navbar > .container-fluid {
3954
+ display: -webkit-box;
3955
+ display: -ms-flexbox;
3956
+ display: flex;
3957
+ -ms-flex-wrap: wrap;
3958
+ flex-wrap: wrap;
3959
+ -webkit-box-align: center;
3960
+ -ms-flex-align: center;
3961
+ align-items: center;
3962
+ -webkit-box-pack: justify;
3963
+ -ms-flex-pack: justify;
3964
+ justify-content: space-between;
3965
+ }
3966
+
3967
+ .navbar-brand {
3968
+ display: inline-block;
3969
+ padding-top: 0.3125rem;
3970
+ padding-bottom: 0.3125rem;
3971
+ margin-right: 1rem;
3972
+ font-size: 1.25rem;
3973
+ line-height: inherit;
3974
+ white-space: nowrap;
3975
+ }
3976
+
3977
+ .navbar-brand:hover, .navbar-brand:focus {
3978
+ text-decoration: none;
3979
+ }
3980
+
3981
+ .navbar-nav {
3982
+ display: -webkit-box;
3983
+ display: -ms-flexbox;
3984
+ display: flex;
3985
+ -webkit-box-orient: vertical;
3986
+ -webkit-box-direction: normal;
3987
+ -ms-flex-direction: column;
3988
+ flex-direction: column;
3989
+ padding-left: 0;
3990
+ margin-bottom: 0;
3991
+ list-style: none;
3992
+ }
3993
+
3994
+ .navbar-nav .nav-link {
3995
+ padding-right: 0;
3996
+ padding-left: 0;
3997
+ }
3998
+
3999
+ .navbar-nav .dropdown-menu {
4000
+ position: static;
4001
+ float: none;
4002
+ }
4003
+
4004
+ .navbar-text {
4005
+ display: inline-block;
4006
+ padding-top: 0.5rem;
4007
+ padding-bottom: 0.5rem;
4008
+ }
4009
+
4010
+ .navbar-collapse {
4011
+ -ms-flex-preferred-size: 100%;
4012
+ flex-basis: 100%;
4013
+ -webkit-box-flex: 1;
4014
+ -ms-flex-positive: 1;
4015
+ flex-grow: 1;
4016
+ -webkit-box-align: center;
4017
+ -ms-flex-align: center;
4018
+ align-items: center;
4019
+ }
4020
+
4021
+ .navbar-toggler {
4022
+ padding: 0.25rem 0.75rem;
4023
+ font-size: 1.25rem;
4024
+ line-height: 1;
4025
+ background-color: transparent;
4026
+ border: 1px solid transparent;
4027
+ border-radius: 0.25rem;
4028
+ }
4029
+
4030
+ .navbar-toggler:hover, .navbar-toggler:focus {
4031
+ text-decoration: none;
4032
+ }
4033
+
4034
+ .navbar-toggler:not(:disabled):not(.disabled) {
4035
+ cursor: pointer;
4036
+ }
4037
+
4038
+ .navbar-toggler-icon {
4039
+ display: inline-block;
4040
+ width: 1.5em;
4041
+ height: 1.5em;
4042
+ vertical-align: middle;
4043
+ content: "";
4044
+ background: no-repeat center center;
4045
+ background-size: 100% 100%;
4046
+ }
4047
+
4048
+ @media (max-width: 575.98px) {
4049
+ .navbar-expand-sm > .container,
4050
+ .navbar-expand-sm > .container-fluid {
4051
+ padding-right: 0;
4052
+ padding-left: 0;
4053
+ }
4054
+ }
4055
+
4056
+ @media (min-width: 576px) {
4057
+ .navbar-expand-sm {
4058
+ -webkit-box-orient: horizontal;
4059
+ -webkit-box-direction: normal;
4060
+ -ms-flex-flow: row nowrap;
4061
+ flex-flow: row nowrap;
4062
+ -webkit-box-pack: start;
4063
+ -ms-flex-pack: start;
4064
+ justify-content: flex-start;
4065
+ }
4066
+ .navbar-expand-sm .navbar-nav {
4067
+ -webkit-box-orient: horizontal;
4068
+ -webkit-box-direction: normal;
4069
+ -ms-flex-direction: row;
4070
+ flex-direction: row;
4071
+ }
4072
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
4073
+ position: absolute;
4074
+ }
4075
+ .navbar-expand-sm .navbar-nav .dropdown-menu-right {
4076
+ right: 0;
4077
+ left: auto;
4078
+ }
4079
+ .navbar-expand-sm .navbar-nav .nav-link {
4080
+ padding-right: 0.5rem;
4081
+ padding-left: 0.5rem;
4082
+ }
4083
+ .navbar-expand-sm > .container,
4084
+ .navbar-expand-sm > .container-fluid {
4085
+ -ms-flex-wrap: nowrap;
4086
+ flex-wrap: nowrap;
4087
+ }
4088
+ .navbar-expand-sm .navbar-collapse {
4089
+ display: -webkit-box !important;
4090
+ display: -ms-flexbox !important;
4091
+ display: flex !important;
4092
+ -ms-flex-preferred-size: auto;
4093
+ flex-basis: auto;
4094
+ }
4095
+ .navbar-expand-sm .navbar-toggler {
4096
+ display: none;
4097
+ }
4098
+ .navbar-expand-sm .dropup .dropdown-menu {
4099
+ top: auto;
4100
+ bottom: 100%;
4101
+ }
4102
+ }
4103
+
4104
+ @media (max-width: 767.98px) {
4105
+ .navbar-expand-md > .container,
4106
+ .navbar-expand-md > .container-fluid {
4107
+ padding-right: 0;
4108
+ padding-left: 0;
4109
+ }
4110
+ }
4111
+
4112
+ @media (min-width: 768px) {
4113
+ .navbar-expand-md {
4114
+ -webkit-box-orient: horizontal;
4115
+ -webkit-box-direction: normal;
4116
+ -ms-flex-flow: row nowrap;
4117
+ flex-flow: row nowrap;
4118
+ -webkit-box-pack: start;
4119
+ -ms-flex-pack: start;
4120
+ justify-content: flex-start;
4121
+ }
4122
+ .navbar-expand-md .navbar-nav {
4123
+ -webkit-box-orient: horizontal;
4124
+ -webkit-box-direction: normal;
4125
+ -ms-flex-direction: row;
4126
+ flex-direction: row;
4127
+ }
4128
+ .navbar-expand-md .navbar-nav .dropdown-menu {
4129
+ position: absolute;
4130
+ }
4131
+ .navbar-expand-md .navbar-nav .dropdown-menu-right {
4132
+ right: 0;
4133
+ left: auto;
4134
+ }
4135
+ .navbar-expand-md .navbar-nav .nav-link {
4136
+ padding-right: 0.5rem;
4137
+ padding-left: 0.5rem;
4138
+ }
4139
+ .navbar-expand-md > .container,
4140
+ .navbar-expand-md > .container-fluid {
4141
+ -ms-flex-wrap: nowrap;
4142
+ flex-wrap: nowrap;
4143
+ }
4144
+ .navbar-expand-md .navbar-collapse {
4145
+ display: -webkit-box !important;
4146
+ display: -ms-flexbox !important;
4147
+ display: flex !important;
4148
+ -ms-flex-preferred-size: auto;
4149
+ flex-basis: auto;
4150
+ }
4151
+ .navbar-expand-md .navbar-toggler {
4152
+ display: none;
4153
+ }
4154
+ .navbar-expand-md .dropup .dropdown-menu {
4155
+ top: auto;
4156
+ bottom: 100%;
4157
+ }
4158
+ }
4159
+
4160
+ @media (max-width: 991.98px) {
4161
+ .navbar-expand-lg > .container,
4162
+ .navbar-expand-lg > .container-fluid {
4163
+ padding-right: 0;
4164
+ padding-left: 0;
4165
+ }
4166
+ }
4167
+
4168
+ @media (min-width: 992px) {
4169
+ .navbar-expand-lg {
4170
+ -webkit-box-orient: horizontal;
4171
+ -webkit-box-direction: normal;
4172
+ -ms-flex-flow: row nowrap;
4173
+ flex-flow: row nowrap;
4174
+ -webkit-box-pack: start;
4175
+ -ms-flex-pack: start;
4176
+ justify-content: flex-start;
4177
+ }
4178
+ .navbar-expand-lg .navbar-nav {
4179
+ -webkit-box-orient: horizontal;
4180
+ -webkit-box-direction: normal;
4181
+ -ms-flex-direction: row;
4182
+ flex-direction: row;
4183
+ }
4184
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
4185
+ position: absolute;
4186
+ }
4187
+ .navbar-expand-lg .navbar-nav .dropdown-menu-right {
4188
+ right: 0;
4189
+ left: auto;
4190
+ }
4191
+ .navbar-expand-lg .navbar-nav .nav-link {
4192
+ padding-right: 0.5rem;
4193
+ padding-left: 0.5rem;
4194
+ }
4195
+ .navbar-expand-lg > .container,
4196
+ .navbar-expand-lg > .container-fluid {
4197
+ -ms-flex-wrap: nowrap;
4198
+ flex-wrap: nowrap;
4199
+ }
4200
+ .navbar-expand-lg .navbar-collapse {
4201
+ display: -webkit-box !important;
4202
+ display: -ms-flexbox !important;
4203
+ display: flex !important;
4204
+ -ms-flex-preferred-size: auto;
4205
+ flex-basis: auto;
4206
+ }
4207
+ .navbar-expand-lg .navbar-toggler {
4208
+ display: none;
4209
+ }
4210
+ .navbar-expand-lg .dropup .dropdown-menu {
4211
+ top: auto;
4212
+ bottom: 100%;
4213
+ }
4214
+ }
4215
+
4216
+ @media (max-width: 1199.98px) {
4217
+ .navbar-expand-xl > .container,
4218
+ .navbar-expand-xl > .container-fluid {
4219
+ padding-right: 0;
4220
+ padding-left: 0;
4221
+ }
4222
+ }
4223
+
4224
+ @media (min-width: 1200px) {
4225
+ .navbar-expand-xl {
4226
+ -webkit-box-orient: horizontal;
4227
+ -webkit-box-direction: normal;
4228
+ -ms-flex-flow: row nowrap;
4229
+ flex-flow: row nowrap;
4230
+ -webkit-box-pack: start;
4231
+ -ms-flex-pack: start;
4232
+ justify-content: flex-start;
4233
+ }
4234
+ .navbar-expand-xl .navbar-nav {
4235
+ -webkit-box-orient: horizontal;
4236
+ -webkit-box-direction: normal;
4237
+ -ms-flex-direction: row;
4238
+ flex-direction: row;
4239
+ }
4240
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
4241
+ position: absolute;
4242
+ }
4243
+ .navbar-expand-xl .navbar-nav .dropdown-menu-right {
4244
+ right: 0;
4245
+ left: auto;
4246
+ }
4247
+ .navbar-expand-xl .navbar-nav .nav-link {
4248
+ padding-right: 0.5rem;
4249
+ padding-left: 0.5rem;
4250
+ }
4251
+ .navbar-expand-xl > .container,
4252
+ .navbar-expand-xl > .container-fluid {
4253
+ -ms-flex-wrap: nowrap;
4254
+ flex-wrap: nowrap;
4255
+ }
4256
+ .navbar-expand-xl .navbar-collapse {
4257
+ display: -webkit-box !important;
4258
+ display: -ms-flexbox !important;
4259
+ display: flex !important;
4260
+ -ms-flex-preferred-size: auto;
4261
+ flex-basis: auto;
4262
+ }
4263
+ .navbar-expand-xl .navbar-toggler {
4264
+ display: none;
4265
+ }
4266
+ .navbar-expand-xl .dropup .dropdown-menu {
4267
+ top: auto;
4268
+ bottom: 100%;
4269
+ }
4270
+ }
4271
+
4272
+ .navbar-expand {
4273
+ -webkit-box-orient: horizontal;
4274
+ -webkit-box-direction: normal;
4275
+ -ms-flex-flow: row nowrap;
4276
+ flex-flow: row nowrap;
4277
+ -webkit-box-pack: start;
4278
+ -ms-flex-pack: start;
4279
+ justify-content: flex-start;
4280
+ }
4281
+
4282
+ .navbar-expand > .container,
4283
+ .navbar-expand > .container-fluid {
4284
+ padding-right: 0;
4285
+ padding-left: 0;
4286
+ }
4287
+
4288
+ .navbar-expand .navbar-nav {
4289
+ -webkit-box-orient: horizontal;
4290
+ -webkit-box-direction: normal;
4291
+ -ms-flex-direction: row;
4292
+ flex-direction: row;
4293
+ }
4294
+
4295
+ .navbar-expand .navbar-nav .dropdown-menu {
4296
+ position: absolute;
4297
+ }
4298
+
4299
+ .navbar-expand .navbar-nav .dropdown-menu-right {
4300
+ right: 0;
4301
+ left: auto;
4302
+ }
4303
+
4304
+ .navbar-expand .navbar-nav .nav-link {
4305
+ padding-right: 0.5rem;
4306
+ padding-left: 0.5rem;
4307
+ }
4308
+
4309
+ .navbar-expand > .container,
4310
+ .navbar-expand > .container-fluid {
4311
+ -ms-flex-wrap: nowrap;
4312
+ flex-wrap: nowrap;
4313
+ }
4314
+
4315
+ .navbar-expand .navbar-collapse {
4316
+ display: -webkit-box !important;
4317
+ display: -ms-flexbox !important;
4318
+ display: flex !important;
4319
+ -ms-flex-preferred-size: auto;
4320
+ flex-basis: auto;
4321
+ }
4322
+
4323
+ .navbar-expand .navbar-toggler {
4324
+ display: none;
4325
+ }
4326
+
4327
+ .navbar-expand .dropup .dropdown-menu {
4328
+ top: auto;
4329
+ bottom: 100%;
4330
+ }
4331
+
4332
+ .navbar-light .navbar-brand {
4333
+ color: rgba(0, 0, 0, 0.9);
4334
+ }
4335
+
4336
+ .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
4337
+ color: rgba(0, 0, 0, 0.9);
4338
+ }
4339
+
4340
+ .navbar-light .navbar-nav .nav-link {
4341
+ color: rgba(0, 0, 0, 0.5);
4342
+ }
4343
+
4344
+ .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
4345
+ color: rgba(0, 0, 0, 0.7);
4346
+ }
4347
+
4348
+ .navbar-light .navbar-nav .nav-link.disabled {
4349
+ color: rgba(0, 0, 0, 0.3);
4350
+ }
4351
+
4352
+ .navbar-light .navbar-nav .show > .nav-link,
4353
+ .navbar-light .navbar-nav .active > .nav-link,
4354
+ .navbar-light .navbar-nav .nav-link.show,
4355
+ .navbar-light .navbar-nav .nav-link.active {
4356
+ color: rgba(0, 0, 0, 0.9);
4357
+ }
4358
+
4359
+ .navbar-light .navbar-toggler {
4360
+ color: rgba(0, 0, 0, 0.5);
4361
+ border-color: rgba(0, 0, 0, 0.1);
4362
+ }
4363
+
4364
+ .navbar-light .navbar-toggler-icon {
4365
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
4366
+ }
4367
+
4368
+ .navbar-light .navbar-text {
4369
+ color: rgba(0, 0, 0, 0.5);
4370
+ }
4371
+
4372
+ .navbar-light .navbar-text a {
4373
+ color: rgba(0, 0, 0, 0.9);
4374
+ }
4375
+
4376
+ .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
4377
+ color: rgba(0, 0, 0, 0.9);
4378
+ }
4379
+
4380
+ .navbar-dark .navbar-brand {
4381
+ color: #fff;
4382
+ }
4383
+
4384
+ .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
4385
+ color: #fff;
4386
+ }
4387
+
4388
+ .navbar-dark .navbar-nav .nav-link {
4389
+ color: rgba(255, 255, 255, 0.5);
4390
+ }
4391
+
4392
+ .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
4393
+ color: rgba(255, 255, 255, 0.75);
4394
+ }
4395
+
4396
+ .navbar-dark .navbar-nav .nav-link.disabled {
4397
+ color: rgba(255, 255, 255, 0.25);
4398
+ }
4399
+
4400
+ .navbar-dark .navbar-nav .show > .nav-link,
4401
+ .navbar-dark .navbar-nav .active > .nav-link,
4402
+ .navbar-dark .navbar-nav .nav-link.show,
4403
+ .navbar-dark .navbar-nav .nav-link.active {
4404
+ color: #fff;
4405
+ }
4406
+
4407
+ .navbar-dark .navbar-toggler {
4408
+ color: rgba(255, 255, 255, 0.5);
4409
+ border-color: rgba(255, 255, 255, 0.1);
4410
+ }
4411
+
4412
+ .navbar-dark .navbar-toggler-icon {
4413
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
4414
+ }
4415
+
4416
+ .navbar-dark .navbar-text {
4417
+ color: rgba(255, 255, 255, 0.5);
4418
+ }
4419
+
4420
+ .navbar-dark .navbar-text a {
4421
+ color: #fff;
4422
+ }
4423
+
4424
+ .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
4425
+ color: #fff;
4426
+ }
4427
+
4428
+ .card {
4429
+ position: relative;
4430
+ display: -webkit-box;
4431
+ display: -ms-flexbox;
4432
+ display: flex;
4433
+ -webkit-box-orient: vertical;
4434
+ -webkit-box-direction: normal;
4435
+ -ms-flex-direction: column;
4436
+ flex-direction: column;
4437
+ min-width: 0;
4438
+ word-wrap: break-word;
4439
+ background-color: #fff;
4440
+ background-clip: border-box;
4441
+ border: 1px solid rgba(0, 0, 0, 0.125);
4442
+ border-radius: 0.25rem;
4443
+ }
4444
+
4445
+ .card > hr {
4446
+ margin-right: 0;
4447
+ margin-left: 0;
4448
+ }
4449
+
4450
+ .card > .list-group:first-child .list-group-item:first-child {
4451
+ border-top-left-radius: 0.25rem;
4452
+ border-top-right-radius: 0.25rem;
4453
+ }
4454
+
4455
+ .card > .list-group:last-child .list-group-item:last-child {
4456
+ border-bottom-right-radius: 0.25rem;
4457
+ border-bottom-left-radius: 0.25rem;
4458
+ }
4459
+
4460
+ .card-body {
4461
+ -webkit-box-flex: 1;
4462
+ -ms-flex: 1 1 auto;
4463
+ flex: 1 1 auto;
4464
+ padding: 1.25rem;
4465
+ }
4466
+
4467
+ .card-title {
4468
+ margin-bottom: 0.75rem;
4469
+ }
4470
+
4471
+ .card-subtitle {
4472
+ margin-top: -0.375rem;
4473
+ margin-bottom: 0;
4474
+ }
4475
+
4476
+ .card-text:last-child {
4477
+ margin-bottom: 0;
4478
+ }
4479
+
4480
+ .card-link:hover {
4481
+ text-decoration: none;
4482
+ }
4483
+
4484
+ .card-link + .card-link {
4485
+ margin-left: 1.25rem;
4486
+ }
4487
+
4488
+ .card-header {
4489
+ padding: 0.75rem 1.25rem;
4490
+ margin-bottom: 0;
4491
+ background-color: rgba(0, 0, 0, 0.03);
4492
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
4493
+ }
4494
+
4495
+ .card-header:first-child {
4496
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
4497
+ }
4498
+
4499
+ .card-header + .list-group .list-group-item:first-child {
4500
+ border-top: 0;
4501
+ }
4502
+
4503
+ .card-footer {
4504
+ padding: 0.75rem 1.25rem;
4505
+ background-color: rgba(0, 0, 0, 0.03);
4506
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
4507
+ }
4508
+
4509
+ .card-footer:last-child {
4510
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
4511
+ }
4512
+
4513
+ .card-header-tabs {
4514
+ margin-right: -0.625rem;
4515
+ margin-bottom: -0.75rem;
4516
+ margin-left: -0.625rem;
4517
+ border-bottom: 0;
4518
+ }
4519
+
4520
+ .card-header-pills {
4521
+ margin-right: -0.625rem;
4522
+ margin-left: -0.625rem;
4523
+ }
4524
+
4525
+ .card-img-overlay {
4526
+ position: absolute;
4527
+ top: 0;
4528
+ right: 0;
4529
+ bottom: 0;
4530
+ left: 0;
4531
+ padding: 1.25rem;
4532
+ }
4533
+
4534
+ .card-img {
4535
+ width: 100%;
4536
+ border-radius: calc(0.25rem - 1px);
4537
+ }
4538
+
4539
+ .card-img-top {
4540
+ width: 100%;
4541
+ border-top-left-radius: calc(0.25rem - 1px);
4542
+ border-top-right-radius: calc(0.25rem - 1px);
4543
+ }
4544
+
4545
+ .card-img-bottom {
4546
+ width: 100%;
4547
+ border-bottom-right-radius: calc(0.25rem - 1px);
4548
+ border-bottom-left-radius: calc(0.25rem - 1px);
4549
+ }
4550
+
4551
+ .card-deck {
4552
+ display: -webkit-box;
4553
+ display: -ms-flexbox;
4554
+ display: flex;
4555
+ -webkit-box-orient: vertical;
4556
+ -webkit-box-direction: normal;
4557
+ -ms-flex-direction: column;
4558
+ flex-direction: column;
4559
+ }
4560
+
4561
+ .card-deck .card {
4562
+ margin-bottom: 15px;
4563
+ }
4564
+
4565
+ @media (min-width: 576px) {
4566
+ .card-deck {
4567
+ -webkit-box-orient: horizontal;
4568
+ -webkit-box-direction: normal;
4569
+ -ms-flex-flow: row wrap;
4570
+ flex-flow: row wrap;
4571
+ margin-right: -15px;
4572
+ margin-left: -15px;
4573
+ }
4574
+ .card-deck .card {
4575
+ display: -webkit-box;
4576
+ display: -ms-flexbox;
4577
+ display: flex;
4578
+ -webkit-box-flex: 1;
4579
+ -ms-flex: 1 0 0%;
4580
+ flex: 1 0 0%;
4581
+ -webkit-box-orient: vertical;
4582
+ -webkit-box-direction: normal;
4583
+ -ms-flex-direction: column;
4584
+ flex-direction: column;
4585
+ margin-right: 15px;
4586
+ margin-bottom: 0;
4587
+ margin-left: 15px;
4588
+ }
4589
+ }
4590
+
4591
+ .card-group {
4592
+ display: -webkit-box;
4593
+ display: -ms-flexbox;
4594
+ display: flex;
4595
+ -webkit-box-orient: vertical;
4596
+ -webkit-box-direction: normal;
4597
+ -ms-flex-direction: column;
4598
+ flex-direction: column;
4599
+ }
4600
+
4601
+ .card-group > .card {
4602
+ margin-bottom: 15px;
4603
+ }
4604
+
4605
+ @media (min-width: 576px) {
4606
+ .card-group {
4607
+ -webkit-box-orient: horizontal;
4608
+ -webkit-box-direction: normal;
4609
+ -ms-flex-flow: row wrap;
4610
+ flex-flow: row wrap;
4611
+ }
4612
+ .card-group > .card {
4613
+ -webkit-box-flex: 1;
4614
+ -ms-flex: 1 0 0%;
4615
+ flex: 1 0 0%;
4616
+ margin-bottom: 0;
4617
+ }
4618
+ .card-group > .card + .card {
4619
+ margin-left: 0;
4620
+ border-left: 0;
4621
+ }
4622
+ .card-group > .card:first-child {
4623
+ border-top-right-radius: 0;
4624
+ border-bottom-right-radius: 0;
4625
+ }
4626
+ .card-group > .card:first-child .card-img-top,
4627
+ .card-group > .card:first-child .card-header {
4628
+ border-top-right-radius: 0;
4629
+ }
4630
+ .card-group > .card:first-child .card-img-bottom,
4631
+ .card-group > .card:first-child .card-footer {
4632
+ border-bottom-right-radius: 0;
4633
+ }
4634
+ .card-group > .card:last-child {
4635
+ border-top-left-radius: 0;
4636
+ border-bottom-left-radius: 0;
4637
+ }
4638
+ .card-group > .card:last-child .card-img-top,
4639
+ .card-group > .card:last-child .card-header {
4640
+ border-top-left-radius: 0;
4641
+ }
4642
+ .card-group > .card:last-child .card-img-bottom,
4643
+ .card-group > .card:last-child .card-footer {
4644
+ border-bottom-left-radius: 0;
4645
+ }
4646
+ .card-group > .card:only-child {
4647
+ border-radius: 0.25rem;
4648
+ }
4649
+ .card-group > .card:only-child .card-img-top,
4650
+ .card-group > .card:only-child .card-header {
4651
+ border-top-left-radius: 0.25rem;
4652
+ border-top-right-radius: 0.25rem;
4653
+ }
4654
+ .card-group > .card:only-child .card-img-bottom,
4655
+ .card-group > .card:only-child .card-footer {
4656
+ border-bottom-right-radius: 0.25rem;
4657
+ border-bottom-left-radius: 0.25rem;
4658
+ }
4659
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
4660
+ border-radius: 0;
4661
+ }
4662
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
4663
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
4664
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
4665
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
4666
+ border-radius: 0;
4667
+ }
4668
+ }
4669
+
4670
+ .card-columns .card {
4671
+ margin-bottom: 0.75rem;
4672
+ }
4673
+
4674
+ @media (min-width: 576px) {
4675
+ .card-columns {
4676
+ -webkit-column-count: 3;
4677
+ -moz-column-count: 3;
4678
+ column-count: 3;
4679
+ -webkit-column-gap: 1.25rem;
4680
+ -moz-column-gap: 1.25rem;
4681
+ column-gap: 1.25rem;
4682
+ }
4683
+ .card-columns .card {
4684
+ display: inline-block;
4685
+ width: 100%;
4686
+ }
4687
+ }
4688
+
4689
+ .breadcrumb {
4690
+ display: -webkit-box;
4691
+ display: -ms-flexbox;
4692
+ display: flex;
4693
+ -ms-flex-wrap: wrap;
4694
+ flex-wrap: wrap;
4695
+ padding: 0.75rem 1rem;
4696
+ margin-bottom: 1rem;
4697
+ list-style: none;
4698
+ background-color: #e9ecef;
4699
+ border-radius: 0.25rem;
4700
+ }
4701
+
4702
+ .breadcrumb-item + .breadcrumb-item::before {
4703
+ display: inline-block;
4704
+ padding-right: 0.5rem;
4705
+ padding-left: 0.5rem;
4706
+ color: #6c757d;
4707
+ content: "/";
4708
+ }
4709
+
4710
+ .breadcrumb-item + .breadcrumb-item:hover::before {
4711
+ text-decoration: underline;
4712
+ }
4713
+
4714
+ .breadcrumb-item + .breadcrumb-item:hover::before {
4715
+ text-decoration: none;
4716
+ }
4717
+
4718
+ .breadcrumb-item.active {
4719
+ color: #6c757d;
4720
+ }
4721
+
4722
+ .pagination {
4723
+ display: -webkit-box;
4724
+ display: -ms-flexbox;
4725
+ display: flex;
4726
+ padding-left: 0;
4727
+ list-style: none;
4728
+ border-radius: 0.25rem;
4729
+ }
4730
+
4731
+ .page-link {
4732
+ position: relative;
4733
+ display: block;
4734
+ padding: 0.5rem 0.75rem;
4735
+ margin-left: -1px;
4736
+ line-height: 1.25;
4737
+ color: #007bff;
4738
+ background-color: #fff;
4739
+ border: 1px solid #dee2e6;
4740
+ }
4741
+
4742
+ .page-link:hover {
4743
+ color: #0056b3;
4744
+ text-decoration: none;
4745
+ background-color: #e9ecef;
4746
+ border-color: #dee2e6;
4747
+ }
4748
+
4749
+ .page-link:focus {
4750
+ z-index: 2;
4751
+ outline: 0;
4752
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
4753
+ }
4754
+
4755
+ .page-link:not(:disabled):not(.disabled) {
4756
+ cursor: pointer;
4757
+ }
4758
+
4759
+ .page-item:first-child .page-link {
4760
+ margin-left: 0;
4761
+ border-top-left-radius: 0.25rem;
4762
+ border-bottom-left-radius: 0.25rem;
4763
+ }
4764
+
4765
+ .page-item:last-child .page-link {
4766
+ border-top-right-radius: 0.25rem;
4767
+ border-bottom-right-radius: 0.25rem;
4768
+ }
4769
+
4770
+ .page-item.active .page-link {
4771
+ z-index: 1;
4772
+ color: #fff;
4773
+ background-color: #007bff;
4774
+ border-color: #007bff;
4775
+ }
4776
+
4777
+ .page-item.disabled .page-link {
4778
+ color: #6c757d;
4779
+ pointer-events: none;
4780
+ cursor: auto;
4781
+ background-color: #fff;
4782
+ border-color: #dee2e6;
4783
+ }
4784
+
4785
+ .pagination-lg .page-link {
4786
+ padding: 0.75rem 1.5rem;
4787
+ font-size: 1.25rem;
4788
+ line-height: 1.5;
4789
+ }
4790
+
4791
+ .pagination-lg .page-item:first-child .page-link {
4792
+ border-top-left-radius: 0.3rem;
4793
+ border-bottom-left-radius: 0.3rem;
4794
+ }
4795
+
4796
+ .pagination-lg .page-item:last-child .page-link {
4797
+ border-top-right-radius: 0.3rem;
4798
+ border-bottom-right-radius: 0.3rem;
4799
+ }
4800
+
4801
+ .pagination-sm .page-link {
4802
+ padding: 0.25rem 0.5rem;
4803
+ font-size: 0.875rem;
4804
+ line-height: 1.5;
4805
+ }
4806
+
4807
+ .pagination-sm .page-item:first-child .page-link {
4808
+ border-top-left-radius: 0.2rem;
4809
+ border-bottom-left-radius: 0.2rem;
4810
+ }
4811
+
4812
+ .pagination-sm .page-item:last-child .page-link {
4813
+ border-top-right-radius: 0.2rem;
4814
+ border-bottom-right-radius: 0.2rem;
4815
+ }
4816
+
4817
+ .badge {
4818
+ display: inline-block;
4819
+ padding: 0.25em 0.4em;
4820
+ font-size: 75%;
4821
+ font-weight: 700;
4822
+ line-height: 1;
4823
+ text-align: center;
4824
+ white-space: nowrap;
4825
+ vertical-align: baseline;
4826
+ border-radius: 0.25rem;
4827
+ }
4828
+
4829
+ .badge:empty {
4830
+ display: none;
4831
+ }
4832
+
4833
+ .btn .badge {
4834
+ position: relative;
4835
+ top: -1px;
4836
+ }
4837
+
4838
+ .badge-pill {
4839
+ padding-right: 0.6em;
4840
+ padding-left: 0.6em;
4841
+ border-radius: 10rem;
4842
+ }
4843
+
4844
+ .badge-primary {
4845
+ color: #fff;
4846
+ background-color: #007bff;
4847
+ }
4848
+
4849
+ .badge-primary[href]:hover, .badge-primary[href]:focus {
4850
+ color: #fff;
4851
+ text-decoration: none;
4852
+ background-color: #0062cc;
4853
+ }
4854
+
4855
+ .badge-secondary {
4856
+ color: #fff;
4857
+ background-color: #6c757d;
4858
+ }
4859
+
4860
+ .badge-secondary[href]:hover, .badge-secondary[href]:focus {
4861
+ color: #fff;
4862
+ text-decoration: none;
4863
+ background-color: #545b62;
4864
+ }
4865
+
4866
+ .badge-success {
4867
+ color: #fff;
4868
+ background-color: #28a745;
4869
+ }
4870
+
4871
+ .badge-success[href]:hover, .badge-success[href]:focus {
4872
+ color: #fff;
4873
+ text-decoration: none;
4874
+ background-color: #1e7e34;
4875
+ }
4876
+
4877
+ .badge-info {
4878
+ color: #fff;
4879
+ background-color: #17a2b8;
4880
+ }
4881
+
4882
+ .badge-info[href]:hover, .badge-info[href]:focus {
4883
+ color: #fff;
4884
+ text-decoration: none;
4885
+ background-color: #117a8b;
4886
+ }
4887
+
4888
+ .badge-warning {
4889
+ color: #212529;
4890
+ background-color: #ffc107;
4891
+ }
4892
+
4893
+ .badge-warning[href]:hover, .badge-warning[href]:focus {
4894
+ color: #212529;
4895
+ text-decoration: none;
4896
+ background-color: #d39e00;
4897
+ }
4898
+
4899
+ .badge-danger {
4900
+ color: #fff;
4901
+ background-color: #dc3545;
4902
+ }
4903
+
4904
+ .badge-danger[href]:hover, .badge-danger[href]:focus {
4905
+ color: #fff;
4906
+ text-decoration: none;
4907
+ background-color: #bd2130;
4908
+ }
4909
+
4910
+ .badge-light {
4911
+ color: #212529;
4912
+ background-color: #f8f9fa;
4913
+ }
4914
+
4915
+ .badge-light[href]:hover, .badge-light[href]:focus {
4916
+ color: #212529;
4917
+ text-decoration: none;
4918
+ background-color: #dae0e5;
4919
+ }
4920
+
4921
+ .badge-dark {
4922
+ color: #fff;
4923
+ background-color: #343a40;
4924
+ }
4925
+
4926
+ .badge-dark[href]:hover, .badge-dark[href]:focus {
4927
+ color: #fff;
4928
+ text-decoration: none;
4929
+ background-color: #1d2124;
4930
+ }
4931
+
4932
+ .jumbotron {
4933
+ padding: 2rem 1rem;
4934
+ margin-bottom: 2rem;
4935
+ background-color: #e9ecef;
4936
+ border-radius: 0.3rem;
4937
+ }
4938
+
4939
+ @media (min-width: 576px) {
4940
+ .jumbotron {
4941
+ padding: 4rem 2rem;
4942
+ }
4943
+ }
4944
+
4945
+ .jumbotron-fluid {
4946
+ padding-right: 0;
4947
+ padding-left: 0;
4948
+ border-radius: 0;
4949
+ }
4950
+
4951
+ .alert {
4952
+ position: relative;
4953
+ padding: 0.75rem 1.25rem;
4954
+ margin-bottom: 1rem;
4955
+ border: 1px solid transparent;
4956
+ border-radius: 0.25rem;
4957
+ }
4958
+
4959
+ .alert-heading {
4960
+ color: inherit;
4961
+ }
4962
+
4963
+ .alert-link {
4964
+ font-weight: 700;
4965
+ }
4966
+
4967
+ .alert-dismissible {
4968
+ padding-right: 4rem;
4969
+ }
4970
+
4971
+ .alert-dismissible .close {
4972
+ position: absolute;
4973
+ top: 0;
4974
+ right: 0;
4975
+ padding: 0.75rem 1.25rem;
4976
+ color: inherit;
4977
+ }
4978
+
4979
+ .alert-primary {
4980
+ color: #004085;
4981
+ background-color: #cce5ff;
4982
+ border-color: #b8daff;
4983
+ }
4984
+
4985
+ .alert-primary hr {
4986
+ border-top-color: #9fcdff;
4987
+ }
4988
+
4989
+ .alert-primary .alert-link {
4990
+ color: #002752;
4991
+ }
4992
+
4993
+ .alert-secondary {
4994
+ color: #383d41;
4995
+ background-color: #e2e3e5;
4996
+ border-color: #d6d8db;
4997
+ }
4998
+
4999
+ .alert-secondary hr {
5000
+ border-top-color: #c8cbcf;
5001
+ }
5002
+
5003
+ .alert-secondary .alert-link {
5004
+ color: #202326;
5005
+ }
5006
+
5007
+ .alert-success {
5008
+ color: #155724;
5009
+ background-color: #d4edda;
5010
+ border-color: #c3e6cb;
5011
+ }
5012
+
5013
+ .alert-success hr {
5014
+ border-top-color: #b1dfbb;
5015
+ }
5016
+
5017
+ .alert-success .alert-link {
5018
+ color: #0b2e13;
5019
+ }
5020
+
5021
+ .alert-info {
5022
+ color: #0c5460;
5023
+ background-color: #d1ecf1;
5024
+ border-color: #bee5eb;
5025
+ }
5026
+
5027
+ .alert-info hr {
5028
+ border-top-color: #abdde5;
5029
+ }
5030
+
5031
+ .alert-info .alert-link {
5032
+ color: #062c33;
5033
+ }
5034
+
5035
+ .alert-warning {
5036
+ color: #856404;
5037
+ background-color: #fff3cd;
5038
+ border-color: #ffeeba;
5039
+ }
5040
+
5041
+ .alert-warning hr {
5042
+ border-top-color: #ffe8a1;
5043
+ }
5044
+
5045
+ .alert-warning .alert-link {
5046
+ color: #533f03;
5047
+ }
5048
+
5049
+ .alert-danger {
5050
+ color: #721c24;
5051
+ background-color: #f8d7da;
5052
+ border-color: #f5c6cb;
5053
+ }
5054
+
5055
+ .alert-danger hr {
5056
+ border-top-color: #f1b0b7;
5057
+ }
5058
+
5059
+ .alert-danger .alert-link {
5060
+ color: #491217;
5061
+ }
5062
+
5063
+ .alert-light {
5064
+ color: #818182;
5065
+ background-color: #fefefe;
5066
+ border-color: #fdfdfe;
5067
+ }
5068
+
5069
+ .alert-light hr {
5070
+ border-top-color: #ececf6;
5071
+ }
5072
+
5073
+ .alert-light .alert-link {
5074
+ color: #686868;
5075
+ }
5076
+
5077
+ .alert-dark {
5078
+ color: #1b1e21;
5079
+ background-color: #d6d8d9;
5080
+ border-color: #c6c8ca;
5081
+ }
5082
+
5083
+ .alert-dark hr {
5084
+ border-top-color: #b9bbbe;
5085
+ }
5086
+
5087
+ .alert-dark .alert-link {
5088
+ color: #040505;
5089
+ }
5090
+
5091
+ @-webkit-keyframes progress-bar-stripes {
5092
+ from {
5093
+ background-position: 1rem 0;
5094
+ }
5095
+ to {
5096
+ background-position: 0 0;
5097
+ }
5098
+ }
5099
+
5100
+ @keyframes progress-bar-stripes {
5101
+ from {
5102
+ background-position: 1rem 0;
5103
+ }
5104
+ to {
5105
+ background-position: 0 0;
5106
+ }
5107
+ }
5108
+
5109
+ .progress {
5110
+ display: -webkit-box;
5111
+ display: -ms-flexbox;
5112
+ display: flex;
5113
+ height: 1rem;
5114
+ overflow: hidden;
5115
+ font-size: 0.75rem;
5116
+ background-color: #e9ecef;
5117
+ border-radius: 0.25rem;
5118
+ }
5119
+
5120
+ .progress-bar {
5121
+ display: -webkit-box;
5122
+ display: -ms-flexbox;
5123
+ display: flex;
5124
+ -webkit-box-orient: vertical;
5125
+ -webkit-box-direction: normal;
5126
+ -ms-flex-direction: column;
5127
+ flex-direction: column;
5128
+ -webkit-box-pack: center;
5129
+ -ms-flex-pack: center;
5130
+ justify-content: center;
5131
+ color: #fff;
5132
+ text-align: center;
5133
+ background-color: #007bff;
5134
+ transition: width 0.6s ease;
5135
+ }
5136
+
5137
+ .progress-bar-striped {
5138
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5139
+ background-size: 1rem 1rem;
5140
+ }
5141
+
5142
+ .progress-bar-animated {
5143
+ -webkit-animation: progress-bar-stripes 1s linear infinite;
5144
+ animation: progress-bar-stripes 1s linear infinite;
5145
+ }
5146
+
5147
+ .media {
5148
+ display: -webkit-box;
5149
+ display: -ms-flexbox;
5150
+ display: flex;
5151
+ -webkit-box-align: start;
5152
+ -ms-flex-align: start;
5153
+ align-items: flex-start;
5154
+ }
5155
+
5156
+ .media-body {
5157
+ -webkit-box-flex: 1;
5158
+ -ms-flex: 1;
5159
+ flex: 1;
5160
+ }
5161
+
5162
+ .list-group {
5163
+ display: -webkit-box;
5164
+ display: -ms-flexbox;
5165
+ display: flex;
5166
+ -webkit-box-orient: vertical;
5167
+ -webkit-box-direction: normal;
5168
+ -ms-flex-direction: column;
5169
+ flex-direction: column;
5170
+ padding-left: 0;
5171
+ margin-bottom: 0;
5172
+ }
5173
+
5174
+ .list-group-item-action {
5175
+ width: 100%;
5176
+ color: #495057;
5177
+ text-align: inherit;
5178
+ }
5179
+
5180
+ .list-group-item-action:hover, .list-group-item-action:focus {
5181
+ color: #495057;
5182
+ text-decoration: none;
5183
+ background-color: #f8f9fa;
5184
+ }
5185
+
5186
+ .list-group-item-action:active {
5187
+ color: #212529;
5188
+ background-color: #e9ecef;
5189
+ }
5190
+
5191
+ .list-group-item {
5192
+ position: relative;
5193
+ display: block;
5194
+ padding: 0.75rem 1.25rem;
5195
+ margin-bottom: -1px;
5196
+ background-color: #fff;
5197
+ border: 1px solid rgba(0, 0, 0, 0.125);
5198
+ }
5199
+
5200
+ .list-group-item:first-child {
5201
+ border-top-left-radius: 0.25rem;
5202
+ border-top-right-radius: 0.25rem;
5203
+ }
5204
+
5205
+ .list-group-item:last-child {
5206
+ margin-bottom: 0;
5207
+ border-bottom-right-radius: 0.25rem;
5208
+ border-bottom-left-radius: 0.25rem;
5209
+ }
5210
+
5211
+ .list-group-item:hover, .list-group-item:focus {
5212
+ z-index: 1;
5213
+ text-decoration: none;
5214
+ }
5215
+
5216
+ .list-group-item.disabled, .list-group-item:disabled {
5217
+ color: #6c757d;
5218
+ background-color: #fff;
5219
+ }
5220
+
5221
+ .list-group-item.active {
5222
+ z-index: 2;
5223
+ color: #fff;
5224
+ background-color: #007bff;
5225
+ border-color: #007bff;
5226
+ }
5227
+
5228
+ .list-group-flush .list-group-item {
5229
+ border-right: 0;
5230
+ border-left: 0;
5231
+ border-radius: 0;
5232
+ }
5233
+
5234
+ .list-group-flush:first-child .list-group-item:first-child {
5235
+ border-top: 0;
5236
+ }
5237
+
5238
+ .list-group-flush:last-child .list-group-item:last-child {
5239
+ border-bottom: 0;
5240
+ }
5241
+
5242
+ .list-group-item-primary {
5243
+ color: #004085;
5244
+ background-color: #b8daff;
5245
+ }
5246
+
5247
+ .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
5248
+ color: #004085;
5249
+ background-color: #9fcdff;
5250
+ }
5251
+
5252
+ .list-group-item-primary.list-group-item-action.active {
5253
+ color: #fff;
5254
+ background-color: #004085;
5255
+ border-color: #004085;
5256
+ }
5257
+
5258
+ .list-group-item-secondary {
5259
+ color: #383d41;
5260
+ background-color: #d6d8db;
5261
+ }
5262
+
5263
+ .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
5264
+ color: #383d41;
5265
+ background-color: #c8cbcf;
5266
+ }
5267
+
5268
+ .list-group-item-secondary.list-group-item-action.active {
5269
+ color: #fff;
5270
+ background-color: #383d41;
5271
+ border-color: #383d41;
5272
+ }
5273
+
5274
+ .list-group-item-success {
5275
+ color: #155724;
5276
+ background-color: #c3e6cb;
5277
+ }
5278
+
5279
+ .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
5280
+ color: #155724;
5281
+ background-color: #b1dfbb;
5282
+ }
5283
+
5284
+ .list-group-item-success.list-group-item-action.active {
5285
+ color: #fff;
5286
+ background-color: #155724;
5287
+ border-color: #155724;
5288
+ }
5289
+
5290
+ .list-group-item-info {
5291
+ color: #0c5460;
5292
+ background-color: #bee5eb;
5293
+ }
5294
+
5295
+ .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
5296
+ color: #0c5460;
5297
+ background-color: #abdde5;
5298
+ }
5299
+
5300
+ .list-group-item-info.list-group-item-action.active {
5301
+ color: #fff;
5302
+ background-color: #0c5460;
5303
+ border-color: #0c5460;
5304
+ }
5305
+
5306
+ .list-group-item-warning {
5307
+ color: #856404;
5308
+ background-color: #ffeeba;
5309
+ }
5310
+
5311
+ .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
5312
+ color: #856404;
5313
+ background-color: #ffe8a1;
5314
+ }
5315
+
5316
+ .list-group-item-warning.list-group-item-action.active {
5317
+ color: #fff;
5318
+ background-color: #856404;
5319
+ border-color: #856404;
5320
+ }
5321
+
5322
+ .list-group-item-danger {
5323
+ color: #721c24;
5324
+ background-color: #f5c6cb;
5325
+ }
5326
+
5327
+ .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
5328
+ color: #721c24;
5329
+ background-color: #f1b0b7;
5330
+ }
5331
+
5332
+ .list-group-item-danger.list-group-item-action.active {
5333
+ color: #fff;
5334
+ background-color: #721c24;
5335
+ border-color: #721c24;
5336
+ }
5337
+
5338
+ .list-group-item-light {
5339
+ color: #818182;
5340
+ background-color: #fdfdfe;
5341
+ }
5342
+
5343
+ .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
5344
+ color: #818182;
5345
+ background-color: #ececf6;
5346
+ }
5347
+
5348
+ .list-group-item-light.list-group-item-action.active {
5349
+ color: #fff;
5350
+ background-color: #818182;
5351
+ border-color: #818182;
5352
+ }
5353
+
5354
+ .list-group-item-dark {
5355
+ color: #1b1e21;
5356
+ background-color: #c6c8ca;
5357
+ }
5358
+
5359
+ .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
5360
+ color: #1b1e21;
5361
+ background-color: #b9bbbe;
5362
+ }
5363
+
5364
+ .list-group-item-dark.list-group-item-action.active {
5365
+ color: #fff;
5366
+ background-color: #1b1e21;
5367
+ border-color: #1b1e21;
5368
+ }
5369
+
5370
+ .close {
5371
+ float: right;
5372
+ font-size: 1.5rem;
5373
+ font-weight: 700;
5374
+ line-height: 1;
5375
+ color: #000;
5376
+ text-shadow: 0 1px 0 #fff;
5377
+ opacity: .5;
5378
+ }
5379
+
5380
+ .close:hover, .close:focus {
5381
+ color: #000;
5382
+ text-decoration: none;
5383
+ opacity: .75;
5384
+ }
5385
+
5386
+ .close:not(:disabled):not(.disabled) {
5387
+ cursor: pointer;
5388
+ }
5389
+
5390
+ button.close {
5391
+ padding: 0;
5392
+ background-color: transparent;
5393
+ border: 0;
5394
+ -webkit-appearance: none;
5395
+ }
5396
+
5397
+ .modal-open {
5398
+ overflow: hidden;
5399
+ }
5400
+
5401
+ .modal {
5402
+ position: fixed;
5403
+ top: 0;
5404
+ right: 0;
5405
+ bottom: 0;
5406
+ left: 0;
5407
+ z-index: 1050;
5408
+ display: none;
5409
+ overflow: hidden;
5410
+ outline: 0;
5411
+ }
5412
+
5413
+ .modal-open .modal {
5414
+ overflow-x: hidden;
5415
+ overflow-y: auto;
5416
+ }
5417
+
5418
+ .modal-dialog {
5419
+ position: relative;
5420
+ width: auto;
5421
+ margin: 0.5rem;
5422
+ pointer-events: none;
5423
+ }
5424
+
5425
+ .modal.fade .modal-dialog {
5426
+ transition: -webkit-transform 0.3s ease-out;
5427
+ transition: transform 0.3s ease-out;
5428
+ transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
5429
+ -webkit-transform: translate(0, -25%);
5430
+ transform: translate(0, -25%);
5431
+ }
5432
+
5433
+ .modal.show .modal-dialog {
5434
+ -webkit-transform: translate(0, 0);
5435
+ transform: translate(0, 0);
5436
+ }
5437
+
5438
+ .modal-dialog-centered {
5439
+ display: -webkit-box;
5440
+ display: -ms-flexbox;
5441
+ display: flex;
5442
+ -webkit-box-align: center;
5443
+ -ms-flex-align: center;
5444
+ align-items: center;
5445
+ min-height: calc(100% - (0.5rem * 2));
5446
+ }
5447
+
5448
+ .modal-content {
5449
+ position: relative;
5450
+ display: -webkit-box;
5451
+ display: -ms-flexbox;
5452
+ display: flex;
5453
+ -webkit-box-orient: vertical;
5454
+ -webkit-box-direction: normal;
5455
+ -ms-flex-direction: column;
5456
+ flex-direction: column;
5457
+ width: 100%;
5458
+ pointer-events: auto;
5459
+ background-color: #fff;
5460
+ background-clip: padding-box;
5461
+ border: 1px solid rgba(0, 0, 0, 0.2);
5462
+ border-radius: 0.3rem;
5463
+ outline: 0;
5464
+ }
5465
+
5466
+ .modal-backdrop {
5467
+ position: fixed;
5468
+ top: 0;
5469
+ right: 0;
5470
+ bottom: 0;
5471
+ left: 0;
5472
+ z-index: 1040;
5473
+ background-color: #000;
5474
+ }
5475
+
5476
+ .modal-backdrop.fade {
5477
+ opacity: 0;
5478
+ }
5479
+
5480
+ .modal-backdrop.show {
5481
+ opacity: 0.5;
5482
+ }
5483
+
5484
+ .modal-header {
5485
+ display: -webkit-box;
5486
+ display: -ms-flexbox;
5487
+ display: flex;
5488
+ -webkit-box-align: start;
5489
+ -ms-flex-align: start;
5490
+ align-items: flex-start;
5491
+ -webkit-box-pack: justify;
5492
+ -ms-flex-pack: justify;
5493
+ justify-content: space-between;
5494
+ padding: 1rem;
5495
+ border-bottom: 1px solid #e9ecef;
5496
+ border-top-left-radius: 0.3rem;
5497
+ border-top-right-radius: 0.3rem;
5498
+ }
5499
+
5500
+ .modal-header .close {
5501
+ padding: 1rem;
5502
+ margin: -1rem -1rem -1rem auto;
5503
+ }
5504
+
5505
+ .modal-title {
5506
+ margin-bottom: 0;
5507
+ line-height: 1.5;
5508
+ }
5509
+
5510
+ .modal-body {
5511
+ position: relative;
5512
+ -webkit-box-flex: 1;
5513
+ -ms-flex: 1 1 auto;
5514
+ flex: 1 1 auto;
5515
+ padding: 1rem;
5516
+ }
5517
+
5518
+ .modal-footer {
5519
+ display: -webkit-box;
5520
+ display: -ms-flexbox;
5521
+ display: flex;
5522
+ -webkit-box-align: center;
5523
+ -ms-flex-align: center;
5524
+ align-items: center;
5525
+ -webkit-box-pack: end;
5526
+ -ms-flex-pack: end;
5527
+ justify-content: flex-end;
5528
+ padding: 1rem;
5529
+ border-top: 1px solid #e9ecef;
5530
+ }
5531
+
5532
+ .modal-footer > :not(:first-child) {
5533
+ margin-left: .25rem;
5534
+ }
5535
+
5536
+ .modal-footer > :not(:last-child) {
5537
+ margin-right: .25rem;
5538
+ }
5539
+
5540
+ .modal-scrollbar-measure {
5541
+ position: absolute;
5542
+ top: -9999px;
5543
+ width: 50px;
5544
+ height: 50px;
5545
+ overflow: scroll;
5546
+ }
5547
+
5548
+ @media (min-width: 576px) {
5549
+ .modal-dialog {
5550
+ max-width: 500px;
5551
+ margin: 1.75rem auto;
5552
+ }
5553
+ .modal-dialog-centered {
5554
+ min-height: calc(100% - (1.75rem * 2));
5555
+ }
5556
+ .modal-sm {
5557
+ max-width: 300px;
5558
+ }
5559
+ }
5560
+
5561
+ @media (min-width: 992px) {
5562
+ .modal-lg {
5563
+ max-width: 800px;
5564
+ }
5565
+ }
5566
+
5567
+ .tooltip {
5568
+ position: absolute;
5569
+ z-index: 1070;
5570
+ display: block;
5571
+ margin: 0;
5572
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5573
+ font-style: normal;
5574
+ font-weight: 400;
5575
+ line-height: 1.5;
5576
+ text-align: left;
5577
+ text-align: start;
5578
+ text-decoration: none;
5579
+ text-shadow: none;
5580
+ text-transform: none;
5581
+ letter-spacing: normal;
5582
+ word-break: normal;
5583
+ word-spacing: normal;
5584
+ white-space: normal;
5585
+ line-break: auto;
5586
+ font-size: 0.875rem;
5587
+ word-wrap: break-word;
5588
+ opacity: 0;
5589
+ }
5590
+
5591
+ .tooltip.show {
5592
+ opacity: 0.9;
5593
+ }
5594
+
5595
+ .tooltip .arrow {
5596
+ position: absolute;
5597
+ display: block;
5598
+ width: 0.8rem;
5599
+ height: 0.4rem;
5600
+ }
5601
+
5602
+ .tooltip .arrow::before {
5603
+ position: absolute;
5604
+ content: "";
5605
+ border-color: transparent;
5606
+ border-style: solid;
5607
+ }
5608
+
5609
+ .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
5610
+ padding: 0.4rem 0;
5611
+ }
5612
+
5613
+ .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
5614
+ bottom: 0;
5615
+ }
5616
+
5617
+ .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
5618
+ top: 0;
5619
+ border-width: 0.4rem 0.4rem 0;
5620
+ border-top-color: #000;
5621
+ }
5622
+
5623
+ .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
5624
+ padding: 0 0.4rem;
5625
+ }
5626
+
5627
+ .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
5628
+ left: 0;
5629
+ width: 0.4rem;
5630
+ height: 0.8rem;
5631
+ }
5632
+
5633
+ .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
5634
+ right: 0;
5635
+ border-width: 0.4rem 0.4rem 0.4rem 0;
5636
+ border-right-color: #000;
5637
+ }
5638
+
5639
+ .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
5640
+ padding: 0.4rem 0;
5641
+ }
5642
+
5643
+ .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
5644
+ top: 0;
5645
+ }
5646
+
5647
+ .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
5648
+ bottom: 0;
5649
+ border-width: 0 0.4rem 0.4rem;
5650
+ border-bottom-color: #000;
5651
+ }
5652
+
5653
+ .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
5654
+ padding: 0 0.4rem;
5655
+ }
5656
+
5657
+ .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
5658
+ right: 0;
5659
+ width: 0.4rem;
5660
+ height: 0.8rem;
5661
+ }
5662
+
5663
+ .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
5664
+ left: 0;
5665
+ border-width: 0.4rem 0 0.4rem 0.4rem;
5666
+ border-left-color: #000;
5667
+ }
5668
+
5669
+ .tooltip-inner {
5670
+ max-width: 200px;
5671
+ padding: 0.25rem 0.5rem;
5672
+ color: #fff;
5673
+ text-align: center;
5674
+ background-color: #000;
5675
+ border-radius: 0.25rem;
5676
+ }
5677
+
5678
+ .popover {
5679
+ position: absolute;
5680
+ top: 0;
5681
+ left: 0;
5682
+ z-index: 1060;
5683
+ display: block;
5684
+ max-width: 276px;
5685
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5686
+ font-style: normal;
5687
+ font-weight: 400;
5688
+ line-height: 1.5;
5689
+ text-align: left;
5690
+ text-align: start;
5691
+ text-decoration: none;
5692
+ text-shadow: none;
5693
+ text-transform: none;
5694
+ letter-spacing: normal;
5695
+ word-break: normal;
5696
+ word-spacing: normal;
5697
+ white-space: normal;
5698
+ line-break: auto;
5699
+ font-size: 0.875rem;
5700
+ word-wrap: break-word;
5701
+ background-color: #fff;
5702
+ background-clip: padding-box;
5703
+ border: 1px solid rgba(0, 0, 0, 0.2);
5704
+ border-radius: 0.3rem;
5705
+ }
5706
+
5707
+ .popover .arrow {
5708
+ position: absolute;
5709
+ display: block;
5710
+ width: 1rem;
5711
+ height: 0.5rem;
5712
+ margin: 0 0.3rem;
5713
+ }
5714
+
5715
+ .popover .arrow::before, .popover .arrow::after {
5716
+ position: absolute;
5717
+ display: block;
5718
+ content: "";
5719
+ border-color: transparent;
5720
+ border-style: solid;
5721
+ }
5722
+
5723
+ .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
5724
+ margin-bottom: 0.5rem;
5725
+ }
5726
+
5727
+ .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
5728
+ bottom: calc((0.5rem + 1px) * -1);
5729
+ }
5730
+
5731
+ .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
5732
+ .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
5733
+ border-width: 0.5rem 0.5rem 0;
5734
+ }
5735
+
5736
+ .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
5737
+ bottom: 0;
5738
+ border-top-color: rgba(0, 0, 0, 0.25);
5739
+ }
5740
+
5741
+ .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
5742
+ bottom: 1px;
5743
+ border-top-color: #fff;
5744
+ }
5745
+
5746
+ .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
5747
+ margin-left: 0.5rem;
5748
+ }
5749
+
5750
+ .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
5751
+ left: calc((0.5rem + 1px) * -1);
5752
+ width: 0.5rem;
5753
+ height: 1rem;
5754
+ margin: 0.3rem 0;
5755
+ }
5756
+
5757
+ .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
5758
+ .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
5759
+ border-width: 0.5rem 0.5rem 0.5rem 0;
5760
+ }
5761
+
5762
+ .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
5763
+ left: 0;
5764
+ border-right-color: rgba(0, 0, 0, 0.25);
5765
+ }
5766
+
5767
+ .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
5768
+ left: 1px;
5769
+ border-right-color: #fff;
5770
+ }
5771
+
5772
+ .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
5773
+ margin-top: 0.5rem;
5774
+ }
5775
+
5776
+ .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
5777
+ top: calc((0.5rem + 1px) * -1);
5778
+ }
5779
+
5780
+ .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
5781
+ .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
5782
+ border-width: 0 0.5rem 0.5rem 0.5rem;
5783
+ }
5784
+
5785
+ .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
5786
+ top: 0;
5787
+ border-bottom-color: rgba(0, 0, 0, 0.25);
5788
+ }
5789
+
5790
+ .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
5791
+ top: 1px;
5792
+ border-bottom-color: #fff;
5793
+ }
5794
+
5795
+ .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
5796
+ position: absolute;
5797
+ top: 0;
5798
+ left: 50%;
5799
+ display: block;
5800
+ width: 1rem;
5801
+ margin-left: -0.5rem;
5802
+ content: "";
5803
+ border-bottom: 1px solid #f7f7f7;
5804
+ }
5805
+
5806
+ .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
5807
+ margin-right: 0.5rem;
5808
+ }
5809
+
5810
+ .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
5811
+ right: calc((0.5rem + 1px) * -1);
5812
+ width: 0.5rem;
5813
+ height: 1rem;
5814
+ margin: 0.3rem 0;
5815
+ }
5816
+
5817
+ .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
5818
+ .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
5819
+ border-width: 0.5rem 0 0.5rem 0.5rem;
5820
+ }
5821
+
5822
+ .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
5823
+ right: 0;
5824
+ border-left-color: rgba(0, 0, 0, 0.25);
5825
+ }
5826
+
5827
+ .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
5828
+ right: 1px;
5829
+ border-left-color: #fff;
5830
+ }
5831
+
5832
+ .popover-header {
5833
+ padding: 0.5rem 0.75rem;
5834
+ margin-bottom: 0;
5835
+ font-size: 1rem;
5836
+ color: inherit;
5837
+ background-color: #f7f7f7;
5838
+ border-bottom: 1px solid #ebebeb;
5839
+ border-top-left-radius: calc(0.3rem - 1px);
5840
+ border-top-right-radius: calc(0.3rem - 1px);
5841
+ }
5842
+
5843
+ .popover-header:empty {
5844
+ display: none;
5845
+ }
5846
+
5847
+ .popover-body {
5848
+ padding: 0.5rem 0.75rem;
5849
+ color: #212529;
5850
+ }
5851
+
5852
+ .carousel {
5853
+ position: relative;
5854
+ }
5855
+
5856
+ .carousel-inner {
5857
+ position: relative;
5858
+ width: 100%;
5859
+ overflow: hidden;
5860
+ }
5861
+
5862
+ .carousel-item {
5863
+ position: relative;
5864
+ display: none;
5865
+ -webkit-box-align: center;
5866
+ -ms-flex-align: center;
5867
+ align-items: center;
5868
+ width: 100%;
5869
+ transition: -webkit-transform 0.6s ease;
5870
+ transition: transform 0.6s ease;
5871
+ transition: transform 0.6s ease, -webkit-transform 0.6s ease;
5872
+ -webkit-backface-visibility: hidden;
5873
+ backface-visibility: hidden;
5874
+ -webkit-perspective: 1000px;
5875
+ perspective: 1000px;
5876
+ }
5877
+
5878
+ .carousel-item.active,
5879
+ .carousel-item-next,
5880
+ .carousel-item-prev {
5881
+ display: block;
5882
+ }
5883
+
5884
+ .carousel-item-next,
5885
+ .carousel-item-prev {
5886
+ position: absolute;
5887
+ top: 0;
5888
+ }
5889
+
5890
+ .carousel-item-next.carousel-item-left,
5891
+ .carousel-item-prev.carousel-item-right {
5892
+ -webkit-transform: translateX(0);
5893
+ transform: translateX(0);
5894
+ }
5895
+
5896
+ @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
5897
+ .carousel-item-next.carousel-item-left,
5898
+ .carousel-item-prev.carousel-item-right {
5899
+ -webkit-transform: translate3d(0, 0, 0);
5900
+ transform: translate3d(0, 0, 0);
5901
+ }
5902
+ }
5903
+
5904
+ .carousel-item-next,
5905
+ .active.carousel-item-right {
5906
+ -webkit-transform: translateX(100%);
5907
+ transform: translateX(100%);
5908
+ }
5909
+
5910
+ @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
5911
+ .carousel-item-next,
5912
+ .active.carousel-item-right {
5913
+ -webkit-transform: translate3d(100%, 0, 0);
5914
+ transform: translate3d(100%, 0, 0);
5915
+ }
5916
+ }
5917
+
5918
+ .carousel-item-prev,
5919
+ .active.carousel-item-left {
5920
+ -webkit-transform: translateX(-100%);
5921
+ transform: translateX(-100%);
5922
+ }
5923
+
5924
+ @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
5925
+ .carousel-item-prev,
5926
+ .active.carousel-item-left {
5927
+ -webkit-transform: translate3d(-100%, 0, 0);
5928
+ transform: translate3d(-100%, 0, 0);
5929
+ }
5930
+ }
5931
+
5932
+ .carousel-control-prev,
5933
+ .carousel-control-next {
5934
+ position: absolute;
5935
+ top: 0;
5936
+ bottom: 0;
5937
+ display: -webkit-box;
5938
+ display: -ms-flexbox;
5939
+ display: flex;
5940
+ -webkit-box-align: center;
5941
+ -ms-flex-align: center;
5942
+ align-items: center;
5943
+ -webkit-box-pack: center;
5944
+ -ms-flex-pack: center;
5945
+ justify-content: center;
5946
+ width: 15%;
5947
+ color: #fff;
5948
+ text-align: center;
5949
+ opacity: 0.5;
5950
+ }
5951
+
5952
+ .carousel-control-prev:hover, .carousel-control-prev:focus,
5953
+ .carousel-control-next:hover,
5954
+ .carousel-control-next:focus {
5955
+ color: #fff;
5956
+ text-decoration: none;
5957
+ outline: 0;
5958
+ opacity: .9;
5959
+ }
5960
+
5961
+ .carousel-control-prev {
5962
+ left: 0;
5963
+ }
5964
+
5965
+ .carousel-control-next {
5966
+ right: 0;
5967
+ }
5968
+
5969
+ .carousel-control-prev-icon,
5970
+ .carousel-control-next-icon {
5971
+ display: inline-block;
5972
+ width: 20px;
5973
+ height: 20px;
5974
+ background: transparent no-repeat center center;
5975
+ background-size: 100% 100%;
5976
+ }
5977
+
5978
+ .carousel-control-prev-icon {
5979
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
5980
+ }
5981
+
5982
+ .carousel-control-next-icon {
5983
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
5984
+ }
5985
+
5986
+ .carousel-indicators {
5987
+ position: absolute;
5988
+ right: 0;
5989
+ bottom: 10px;
5990
+ left: 0;
5991
+ z-index: 15;
5992
+ display: -webkit-box;
5993
+ display: -ms-flexbox;
5994
+ display: flex;
5995
+ -webkit-box-pack: center;
5996
+ -ms-flex-pack: center;
5997
+ justify-content: center;
5998
+ padding-left: 0;
5999
+ margin-right: 15%;
6000
+ margin-left: 15%;
6001
+ list-style: none;
6002
+ }
6003
+
6004
+ .carousel-indicators li {
6005
+ position: relative;
6006
+ -webkit-box-flex: 0;
6007
+ -ms-flex: 0 1 auto;
6008
+ flex: 0 1 auto;
6009
+ width: 30px;
6010
+ height: 3px;
6011
+ margin-right: 3px;
6012
+ margin-left: 3px;
6013
+ text-indent: -999px;
6014
+ background-color: rgba(255, 255, 255, 0.5);
6015
+ }
6016
+
6017
+ .carousel-indicators li::before {
6018
+ position: absolute;
6019
+ top: -10px;
6020
+ left: 0;
6021
+ display: inline-block;
6022
+ width: 100%;
6023
+ height: 10px;
6024
+ content: "";
6025
+ }
6026
+
6027
+ .carousel-indicators li::after {
6028
+ position: absolute;
6029
+ bottom: -10px;
6030
+ left: 0;
6031
+ display: inline-block;
6032
+ width: 100%;
6033
+ height: 10px;
6034
+ content: "";
6035
+ }
6036
+
6037
+ .carousel-indicators .active {
6038
+ background-color: #fff;
6039
+ }
6040
+
6041
+ .carousel-caption {
6042
+ position: absolute;
6043
+ right: 15%;
6044
+ bottom: 20px;
6045
+ left: 15%;
6046
+ z-index: 10;
6047
+ padding-top: 20px;
6048
+ padding-bottom: 20px;
6049
+ color: #fff;
6050
+ text-align: center;
6051
+ }
6052
+
6053
+ .align-baseline {
6054
+ vertical-align: baseline !important;
6055
+ }
6056
+
6057
+ .align-top {
6058
+ vertical-align: top !important;
6059
+ }
6060
+
6061
+ .align-middle {
6062
+ vertical-align: middle !important;
6063
+ }
6064
+
6065
+ .align-bottom {
6066
+ vertical-align: bottom !important;
6067
+ }
6068
+
6069
+ .align-text-bottom {
6070
+ vertical-align: text-bottom !important;
6071
+ }
6072
+
6073
+ .align-text-top {
6074
+ vertical-align: text-top !important;
6075
+ }
6076
+
6077
+ .bg-primary {
6078
+ background-color: #007bff !important;
6079
+ }
6080
+
6081
+ a.bg-primary:hover, a.bg-primary:focus,
6082
+ button.bg-primary:hover,
6083
+ button.bg-primary:focus {
6084
+ background-color: #0062cc !important;
6085
+ }
6086
+
6087
+ .bg-secondary {
6088
+ background-color: #6c757d !important;
6089
+ }
6090
+
6091
+ a.bg-secondary:hover, a.bg-secondary:focus,
6092
+ button.bg-secondary:hover,
6093
+ button.bg-secondary:focus {
6094
+ background-color: #545b62 !important;
6095
+ }
6096
+
6097
+ .bg-success {
6098
+ background-color: #28a745 !important;
6099
+ }
6100
+
6101
+ a.bg-success:hover, a.bg-success:focus,
6102
+ button.bg-success:hover,
6103
+ button.bg-success:focus {
6104
+ background-color: #1e7e34 !important;
6105
+ }
6106
+
6107
+ .bg-info {
6108
+ background-color: #17a2b8 !important;
6109
+ }
6110
+
6111
+ a.bg-info:hover, a.bg-info:focus,
6112
+ button.bg-info:hover,
6113
+ button.bg-info:focus {
6114
+ background-color: #117a8b !important;
6115
+ }
6116
+
6117
+ .bg-warning {
6118
+ background-color: #ffc107 !important;
6119
+ }
6120
+
6121
+ a.bg-warning:hover, a.bg-warning:focus,
6122
+ button.bg-warning:hover,
6123
+ button.bg-warning:focus {
6124
+ background-color: #d39e00 !important;
6125
+ }
6126
+
6127
+ .bg-danger {
6128
+ background-color: #dc3545 !important;
6129
+ }
6130
+
6131
+ a.bg-danger:hover, a.bg-danger:focus,
6132
+ button.bg-danger:hover,
6133
+ button.bg-danger:focus {
6134
+ background-color: #bd2130 !important;
6135
+ }
6136
+
6137
+ .bg-light {
6138
+ background-color: #f8f9fa !important;
6139
+ }
6140
+
6141
+ a.bg-light:hover, a.bg-light:focus,
6142
+ button.bg-light:hover,
6143
+ button.bg-light:focus {
6144
+ background-color: #dae0e5 !important;
6145
+ }
6146
+
6147
+ .bg-dark {
6148
+ background-color: #343a40 !important;
6149
+ }
6150
+
6151
+ a.bg-dark:hover, a.bg-dark:focus,
6152
+ button.bg-dark:hover,
6153
+ button.bg-dark:focus {
6154
+ background-color: #1d2124 !important;
6155
+ }
6156
+
6157
+ .bg-white {
6158
+ background-color: #fff !important;
6159
+ }
6160
+
6161
+ .bg-transparent {
6162
+ background-color: transparent !important;
6163
+ }
6164
+
6165
+ .border {
6166
+ border: 1px solid #dee2e6 !important;
6167
+ }
6168
+
6169
+ .border-top {
6170
+ border-top: 1px solid #dee2e6 !important;
6171
+ }
6172
+
6173
+ .border-right {
6174
+ border-right: 1px solid #dee2e6 !important;
6175
+ }
6176
+
6177
+ .border-bottom {
6178
+ border-bottom: 1px solid #dee2e6 !important;
6179
+ }
6180
+
6181
+ .border-left {
6182
+ border-left: 1px solid #dee2e6 !important;
6183
+ }
6184
+
6185
+ .border-0 {
6186
+ border: 0 !important;
6187
+ }
6188
+
6189
+ .border-top-0 {
6190
+ border-top: 0 !important;
6191
+ }
6192
+
6193
+ .border-right-0 {
6194
+ border-right: 0 !important;
6195
+ }
6196
+
6197
+ .border-bottom-0 {
6198
+ border-bottom: 0 !important;
6199
+ }
6200
+
6201
+ .border-left-0 {
6202
+ border-left: 0 !important;
6203
+ }
6204
+
6205
+ .border-primary {
6206
+ border-color: #007bff !important;
6207
+ }
6208
+
6209
+ .border-secondary {
6210
+ border-color: #6c757d !important;
6211
+ }
6212
+
6213
+ .border-success {
6214
+ border-color: #28a745 !important;
6215
+ }
6216
+
6217
+ .border-info {
6218
+ border-color: #17a2b8 !important;
6219
+ }
6220
+
6221
+ .border-warning {
6222
+ border-color: #ffc107 !important;
6223
+ }
6224
+
6225
+ .border-danger {
6226
+ border-color: #dc3545 !important;
6227
+ }
6228
+
6229
+ .border-light {
6230
+ border-color: #f8f9fa !important;
6231
+ }
6232
+
6233
+ .border-dark {
6234
+ border-color: #343a40 !important;
6235
+ }
6236
+
6237
+ .border-white {
6238
+ border-color: #fff !important;
6239
+ }
6240
+
6241
+ .rounded {
6242
+ border-radius: 0.25rem !important;
6243
+ }
6244
+
6245
+ .rounded-top {
6246
+ border-top-left-radius: 0.25rem !important;
6247
+ border-top-right-radius: 0.25rem !important;
6248
+ }
6249
+
6250
+ .rounded-right {
6251
+ border-top-right-radius: 0.25rem !important;
6252
+ border-bottom-right-radius: 0.25rem !important;
6253
+ }
6254
+
6255
+ .rounded-bottom {
6256
+ border-bottom-right-radius: 0.25rem !important;
6257
+ border-bottom-left-radius: 0.25rem !important;
6258
+ }
6259
+
6260
+ .rounded-left {
6261
+ border-top-left-radius: 0.25rem !important;
6262
+ border-bottom-left-radius: 0.25rem !important;
6263
+ }
6264
+
6265
+ .rounded-circle {
6266
+ border-radius: 50% !important;
6267
+ }
6268
+
6269
+ .rounded-0 {
6270
+ border-radius: 0 !important;
6271
+ }
6272
+
6273
+ .clearfix::after {
6274
+ display: block;
6275
+ clear: both;
6276
+ content: "";
6277
+ }
6278
+
6279
+ .d-none {
6280
+ display: none !important;
6281
+ }
6282
+
6283
+ .d-inline {
6284
+ display: inline !important;
6285
+ }
6286
+
6287
+ .d-inline-block {
6288
+ display: inline-block !important;
6289
+ }
6290
+
6291
+ .d-block {
6292
+ display: block !important;
6293
+ }
6294
+
6295
+ .d-table {
6296
+ display: table !important;
6297
+ }
6298
+
6299
+ .d-table-row {
6300
+ display: table-row !important;
6301
+ }
6302
+
6303
+ .d-table-cell {
6304
+ display: table-cell !important;
6305
+ }
6306
+
6307
+ .d-flex {
6308
+ display: -webkit-box !important;
6309
+ display: -ms-flexbox !important;
6310
+ display: flex !important;
6311
+ }
6312
+
6313
+ .d-inline-flex {
6314
+ display: -webkit-inline-box !important;
6315
+ display: -ms-inline-flexbox !important;
6316
+ display: inline-flex !important;
6317
+ }
6318
+
6319
+ @media (min-width: 576px) {
6320
+ .d-sm-none {
6321
+ display: none !important;
6322
+ }
6323
+ .d-sm-inline {
6324
+ display: inline !important;
6325
+ }
6326
+ .d-sm-inline-block {
6327
+ display: inline-block !important;
6328
+ }
6329
+ .d-sm-block {
6330
+ display: block !important;
6331
+ }
6332
+ .d-sm-table {
6333
+ display: table !important;
6334
+ }
6335
+ .d-sm-table-row {
6336
+ display: table-row !important;
6337
+ }
6338
+ .d-sm-table-cell {
6339
+ display: table-cell !important;
6340
+ }
6341
+ .d-sm-flex {
6342
+ display: -webkit-box !important;
6343
+ display: -ms-flexbox !important;
6344
+ display: flex !important;
6345
+ }
6346
+ .d-sm-inline-flex {
6347
+ display: -webkit-inline-box !important;
6348
+ display: -ms-inline-flexbox !important;
6349
+ display: inline-flex !important;
6350
+ }
6351
+ }
6352
+
6353
+ @media (min-width: 768px) {
6354
+ .d-md-none {
6355
+ display: none !important;
6356
+ }
6357
+ .d-md-inline {
6358
+ display: inline !important;
6359
+ }
6360
+ .d-md-inline-block {
6361
+ display: inline-block !important;
6362
+ }
6363
+ .d-md-block {
6364
+ display: block !important;
6365
+ }
6366
+ .d-md-table {
6367
+ display: table !important;
6368
+ }
6369
+ .d-md-table-row {
6370
+ display: table-row !important;
6371
+ }
6372
+ .d-md-table-cell {
6373
+ display: table-cell !important;
6374
+ }
6375
+ .d-md-flex {
6376
+ display: -webkit-box !important;
6377
+ display: -ms-flexbox !important;
6378
+ display: flex !important;
6379
+ }
6380
+ .d-md-inline-flex {
6381
+ display: -webkit-inline-box !important;
6382
+ display: -ms-inline-flexbox !important;
6383
+ display: inline-flex !important;
6384
+ }
6385
+ }
6386
+
6387
+ @media (min-width: 992px) {
6388
+ .d-lg-none {
6389
+ display: none !important;
6390
+ }
6391
+ .d-lg-inline {
6392
+ display: inline !important;
6393
+ }
6394
+ .d-lg-inline-block {
6395
+ display: inline-block !important;
6396
+ }
6397
+ .d-lg-block {
6398
+ display: block !important;
6399
+ }
6400
+ .d-lg-table {
6401
+ display: table !important;
6402
+ }
6403
+ .d-lg-table-row {
6404
+ display: table-row !important;
6405
+ }
6406
+ .d-lg-table-cell {
6407
+ display: table-cell !important;
6408
+ }
6409
+ .d-lg-flex {
6410
+ display: -webkit-box !important;
6411
+ display: -ms-flexbox !important;
6412
+ display: flex !important;
6413
+ }
6414
+ .d-lg-inline-flex {
6415
+ display: -webkit-inline-box !important;
6416
+ display: -ms-inline-flexbox !important;
6417
+ display: inline-flex !important;
6418
+ }
6419
+ }
6420
+
6421
+ @media (min-width: 1200px) {
6422
+ .d-xl-none {
6423
+ display: none !important;
6424
+ }
6425
+ .d-xl-inline {
6426
+ display: inline !important;
6427
+ }
6428
+ .d-xl-inline-block {
6429
+ display: inline-block !important;
6430
+ }
6431
+ .d-xl-block {
6432
+ display: block !important;
6433
+ }
6434
+ .d-xl-table {
6435
+ display: table !important;
6436
+ }
6437
+ .d-xl-table-row {
6438
+ display: table-row !important;
6439
+ }
6440
+ .d-xl-table-cell {
6441
+ display: table-cell !important;
6442
+ }
6443
+ .d-xl-flex {
6444
+ display: -webkit-box !important;
6445
+ display: -ms-flexbox !important;
6446
+ display: flex !important;
6447
+ }
6448
+ .d-xl-inline-flex {
6449
+ display: -webkit-inline-box !important;
6450
+ display: -ms-inline-flexbox !important;
6451
+ display: inline-flex !important;
6452
+ }
6453
+ }
6454
+
6455
+ @media print {
6456
+ .d-print-none {
6457
+ display: none !important;
6458
+ }
6459
+ .d-print-inline {
6460
+ display: inline !important;
6461
+ }
6462
+ .d-print-inline-block {
6463
+ display: inline-block !important;
6464
+ }
6465
+ .d-print-block {
6466
+ display: block !important;
6467
+ }
6468
+ .d-print-table {
6469
+ display: table !important;
6470
+ }
6471
+ .d-print-table-row {
6472
+ display: table-row !important;
6473
+ }
6474
+ .d-print-table-cell {
6475
+ display: table-cell !important;
6476
+ }
6477
+ .d-print-flex {
6478
+ display: -webkit-box !important;
6479
+ display: -ms-flexbox !important;
6480
+ display: flex !important;
6481
+ }
6482
+ .d-print-inline-flex {
6483
+ display: -webkit-inline-box !important;
6484
+ display: -ms-inline-flexbox !important;
6485
+ display: inline-flex !important;
6486
+ }
6487
+ }
6488
+
6489
+ .embed-responsive {
6490
+ position: relative;
6491
+ display: block;
6492
+ width: 100%;
6493
+ padding: 0;
6494
+ overflow: hidden;
6495
+ }
6496
+
6497
+ .embed-responsive::before {
6498
+ display: block;
6499
+ content: "";
6500
+ }
6501
+
6502
+ .embed-responsive .embed-responsive-item,
6503
+ .embed-responsive iframe,
6504
+ .embed-responsive embed,
6505
+ .embed-responsive object,
6506
+ .embed-responsive video {
6507
+ position: absolute;
6508
+ top: 0;
6509
+ bottom: 0;
6510
+ left: 0;
6511
+ width: 100%;
6512
+ height: 100%;
6513
+ border: 0;
6514
+ }
6515
+
6516
+ .embed-responsive-21by9::before {
6517
+ padding-top: 42.857143%;
6518
+ }
6519
+
6520
+ .embed-responsive-16by9::before {
6521
+ padding-top: 56.25%;
6522
+ }
6523
+
6524
+ .embed-responsive-4by3::before {
6525
+ padding-top: 75%;
6526
+ }
6527
+
6528
+ .embed-responsive-1by1::before {
6529
+ padding-top: 100%;
6530
+ }
6531
+
6532
+ .flex-row {
6533
+ -webkit-box-orient: horizontal !important;
6534
+ -webkit-box-direction: normal !important;
6535
+ -ms-flex-direction: row !important;
6536
+ flex-direction: row !important;
6537
+ }
6538
+
6539
+ .flex-column {
6540
+ -webkit-box-orient: vertical !important;
6541
+ -webkit-box-direction: normal !important;
6542
+ -ms-flex-direction: column !important;
6543
+ flex-direction: column !important;
6544
+ }
6545
+
6546
+ .flex-row-reverse {
6547
+ -webkit-box-orient: horizontal !important;
6548
+ -webkit-box-direction: reverse !important;
6549
+ -ms-flex-direction: row-reverse !important;
6550
+ flex-direction: row-reverse !important;
6551
+ }
6552
+
6553
+ .flex-column-reverse {
6554
+ -webkit-box-orient: vertical !important;
6555
+ -webkit-box-direction: reverse !important;
6556
+ -ms-flex-direction: column-reverse !important;
6557
+ flex-direction: column-reverse !important;
6558
+ }
6559
+
6560
+ .flex-wrap {
6561
+ -ms-flex-wrap: wrap !important;
6562
+ flex-wrap: wrap !important;
6563
+ }
6564
+
6565
+ .flex-nowrap {
6566
+ -ms-flex-wrap: nowrap !important;
6567
+ flex-wrap: nowrap !important;
6568
+ }
6569
+
6570
+ .flex-wrap-reverse {
6571
+ -ms-flex-wrap: wrap-reverse !important;
6572
+ flex-wrap: wrap-reverse !important;
6573
+ }
6574
+
6575
+ .justify-content-start {
6576
+ -webkit-box-pack: start !important;
6577
+ -ms-flex-pack: start !important;
6578
+ justify-content: flex-start !important;
6579
+ }
6580
+
6581
+ .justify-content-end {
6582
+ -webkit-box-pack: end !important;
6583
+ -ms-flex-pack: end !important;
6584
+ justify-content: flex-end !important;
6585
+ }
6586
+
6587
+ .justify-content-center {
6588
+ -webkit-box-pack: center !important;
6589
+ -ms-flex-pack: center !important;
6590
+ justify-content: center !important;
6591
+ }
6592
+
6593
+ .justify-content-between {
6594
+ -webkit-box-pack: justify !important;
6595
+ -ms-flex-pack: justify !important;
6596
+ justify-content: space-between !important;
6597
+ }
6598
+
6599
+ .justify-content-around {
6600
+ -ms-flex-pack: distribute !important;
6601
+ justify-content: space-around !important;
6602
+ }
6603
+
6604
+ .align-items-start {
6605
+ -webkit-box-align: start !important;
6606
+ -ms-flex-align: start !important;
6607
+ align-items: flex-start !important;
6608
+ }
6609
+
6610
+ .align-items-end {
6611
+ -webkit-box-align: end !important;
6612
+ -ms-flex-align: end !important;
6613
+ align-items: flex-end !important;
6614
+ }
6615
+
6616
+ .align-items-center {
6617
+ -webkit-box-align: center !important;
6618
+ -ms-flex-align: center !important;
6619
+ align-items: center !important;
6620
+ }
6621
+
6622
+ .align-items-baseline {
6623
+ -webkit-box-align: baseline !important;
6624
+ -ms-flex-align: baseline !important;
6625
+ align-items: baseline !important;
6626
+ }
6627
+
6628
+ .align-items-stretch {
6629
+ -webkit-box-align: stretch !important;
6630
+ -ms-flex-align: stretch !important;
6631
+ align-items: stretch !important;
6632
+ }
6633
+
6634
+ .align-content-start {
6635
+ -ms-flex-line-pack: start !important;
6636
+ align-content: flex-start !important;
6637
+ }
6638
+
6639
+ .align-content-end {
6640
+ -ms-flex-line-pack: end !important;
6641
+ align-content: flex-end !important;
6642
+ }
6643
+
6644
+ .align-content-center {
6645
+ -ms-flex-line-pack: center !important;
6646
+ align-content: center !important;
6647
+ }
6648
+
6649
+ .align-content-between {
6650
+ -ms-flex-line-pack: justify !important;
6651
+ align-content: space-between !important;
6652
+ }
6653
+
6654
+ .align-content-around {
6655
+ -ms-flex-line-pack: distribute !important;
6656
+ align-content: space-around !important;
6657
+ }
6658
+
6659
+ .align-content-stretch {
6660
+ -ms-flex-line-pack: stretch !important;
6661
+ align-content: stretch !important;
6662
+ }
6663
+
6664
+ .align-self-auto {
6665
+ -ms-flex-item-align: auto !important;
6666
+ align-self: auto !important;
6667
+ }
6668
+
6669
+ .align-self-start {
6670
+ -ms-flex-item-align: start !important;
6671
+ align-self: flex-start !important;
6672
+ }
6673
+
6674
+ .align-self-end {
6675
+ -ms-flex-item-align: end !important;
6676
+ align-self: flex-end !important;
6677
+ }
6678
+
6679
+ .align-self-center {
6680
+ -ms-flex-item-align: center !important;
6681
+ align-self: center !important;
6682
+ }
6683
+
6684
+ .align-self-baseline {
6685
+ -ms-flex-item-align: baseline !important;
6686
+ align-self: baseline !important;
6687
+ }
6688
+
6689
+ .align-self-stretch {
6690
+ -ms-flex-item-align: stretch !important;
6691
+ align-self: stretch !important;
6692
+ }
6693
+
6694
+ @media (min-width: 576px) {
6695
+ .flex-sm-row {
6696
+ -webkit-box-orient: horizontal !important;
6697
+ -webkit-box-direction: normal !important;
6698
+ -ms-flex-direction: row !important;
6699
+ flex-direction: row !important;
6700
+ }
6701
+ .flex-sm-column {
6702
+ -webkit-box-orient: vertical !important;
6703
+ -webkit-box-direction: normal !important;
6704
+ -ms-flex-direction: column !important;
6705
+ flex-direction: column !important;
6706
+ }
6707
+ .flex-sm-row-reverse {
6708
+ -webkit-box-orient: horizontal !important;
6709
+ -webkit-box-direction: reverse !important;
6710
+ -ms-flex-direction: row-reverse !important;
6711
+ flex-direction: row-reverse !important;
6712
+ }
6713
+ .flex-sm-column-reverse {
6714
+ -webkit-box-orient: vertical !important;
6715
+ -webkit-box-direction: reverse !important;
6716
+ -ms-flex-direction: column-reverse !important;
6717
+ flex-direction: column-reverse !important;
6718
+ }
6719
+ .flex-sm-wrap {
6720
+ -ms-flex-wrap: wrap !important;
6721
+ flex-wrap: wrap !important;
6722
+ }
6723
+ .flex-sm-nowrap {
6724
+ -ms-flex-wrap: nowrap !important;
6725
+ flex-wrap: nowrap !important;
6726
+ }
6727
+ .flex-sm-wrap-reverse {
6728
+ -ms-flex-wrap: wrap-reverse !important;
6729
+ flex-wrap: wrap-reverse !important;
6730
+ }
6731
+ .justify-content-sm-start {
6732
+ -webkit-box-pack: start !important;
6733
+ -ms-flex-pack: start !important;
6734
+ justify-content: flex-start !important;
6735
+ }
6736
+ .justify-content-sm-end {
6737
+ -webkit-box-pack: end !important;
6738
+ -ms-flex-pack: end !important;
6739
+ justify-content: flex-end !important;
6740
+ }
6741
+ .justify-content-sm-center {
6742
+ -webkit-box-pack: center !important;
6743
+ -ms-flex-pack: center !important;
6744
+ justify-content: center !important;
6745
+ }
6746
+ .justify-content-sm-between {
6747
+ -webkit-box-pack: justify !important;
6748
+ -ms-flex-pack: justify !important;
6749
+ justify-content: space-between !important;
6750
+ }
6751
+ .justify-content-sm-around {
6752
+ -ms-flex-pack: distribute !important;
6753
+ justify-content: space-around !important;
6754
+ }
6755
+ .align-items-sm-start {
6756
+ -webkit-box-align: start !important;
6757
+ -ms-flex-align: start !important;
6758
+ align-items: flex-start !important;
6759
+ }
6760
+ .align-items-sm-end {
6761
+ -webkit-box-align: end !important;
6762
+ -ms-flex-align: end !important;
6763
+ align-items: flex-end !important;
6764
+ }
6765
+ .align-items-sm-center {
6766
+ -webkit-box-align: center !important;
6767
+ -ms-flex-align: center !important;
6768
+ align-items: center !important;
6769
+ }
6770
+ .align-items-sm-baseline {
6771
+ -webkit-box-align: baseline !important;
6772
+ -ms-flex-align: baseline !important;
6773
+ align-items: baseline !important;
6774
+ }
6775
+ .align-items-sm-stretch {
6776
+ -webkit-box-align: stretch !important;
6777
+ -ms-flex-align: stretch !important;
6778
+ align-items: stretch !important;
6779
+ }
6780
+ .align-content-sm-start {
6781
+ -ms-flex-line-pack: start !important;
6782
+ align-content: flex-start !important;
6783
+ }
6784
+ .align-content-sm-end {
6785
+ -ms-flex-line-pack: end !important;
6786
+ align-content: flex-end !important;
6787
+ }
6788
+ .align-content-sm-center {
6789
+ -ms-flex-line-pack: center !important;
6790
+ align-content: center !important;
6791
+ }
6792
+ .align-content-sm-between {
6793
+ -ms-flex-line-pack: justify !important;
6794
+ align-content: space-between !important;
6795
+ }
6796
+ .align-content-sm-around {
6797
+ -ms-flex-line-pack: distribute !important;
6798
+ align-content: space-around !important;
6799
+ }
6800
+ .align-content-sm-stretch {
6801
+ -ms-flex-line-pack: stretch !important;
6802
+ align-content: stretch !important;
6803
+ }
6804
+ .align-self-sm-auto {
6805
+ -ms-flex-item-align: auto !important;
6806
+ align-self: auto !important;
6807
+ }
6808
+ .align-self-sm-start {
6809
+ -ms-flex-item-align: start !important;
6810
+ align-self: flex-start !important;
6811
+ }
6812
+ .align-self-sm-end {
6813
+ -ms-flex-item-align: end !important;
6814
+ align-self: flex-end !important;
6815
+ }
6816
+ .align-self-sm-center {
6817
+ -ms-flex-item-align: center !important;
6818
+ align-self: center !important;
6819
+ }
6820
+ .align-self-sm-baseline {
6821
+ -ms-flex-item-align: baseline !important;
6822
+ align-self: baseline !important;
6823
+ }
6824
+ .align-self-sm-stretch {
6825
+ -ms-flex-item-align: stretch !important;
6826
+ align-self: stretch !important;
6827
+ }
6828
+ }
6829
+
6830
+ @media (min-width: 768px) {
6831
+ .flex-md-row {
6832
+ -webkit-box-orient: horizontal !important;
6833
+ -webkit-box-direction: normal !important;
6834
+ -ms-flex-direction: row !important;
6835
+ flex-direction: row !important;
6836
+ }
6837
+ .flex-md-column {
6838
+ -webkit-box-orient: vertical !important;
6839
+ -webkit-box-direction: normal !important;
6840
+ -ms-flex-direction: column !important;
6841
+ flex-direction: column !important;
6842
+ }
6843
+ .flex-md-row-reverse {
6844
+ -webkit-box-orient: horizontal !important;
6845
+ -webkit-box-direction: reverse !important;
6846
+ -ms-flex-direction: row-reverse !important;
6847
+ flex-direction: row-reverse !important;
6848
+ }
6849
+ .flex-md-column-reverse {
6850
+ -webkit-box-orient: vertical !important;
6851
+ -webkit-box-direction: reverse !important;
6852
+ -ms-flex-direction: column-reverse !important;
6853
+ flex-direction: column-reverse !important;
6854
+ }
6855
+ .flex-md-wrap {
6856
+ -ms-flex-wrap: wrap !important;
6857
+ flex-wrap: wrap !important;
6858
+ }
6859
+ .flex-md-nowrap {
6860
+ -ms-flex-wrap: nowrap !important;
6861
+ flex-wrap: nowrap !important;
6862
+ }
6863
+ .flex-md-wrap-reverse {
6864
+ -ms-flex-wrap: wrap-reverse !important;
6865
+ flex-wrap: wrap-reverse !important;
6866
+ }
6867
+ .justify-content-md-start {
6868
+ -webkit-box-pack: start !important;
6869
+ -ms-flex-pack: start !important;
6870
+ justify-content: flex-start !important;
6871
+ }
6872
+ .justify-content-md-end {
6873
+ -webkit-box-pack: end !important;
6874
+ -ms-flex-pack: end !important;
6875
+ justify-content: flex-end !important;
6876
+ }
6877
+ .justify-content-md-center {
6878
+ -webkit-box-pack: center !important;
6879
+ -ms-flex-pack: center !important;
6880
+ justify-content: center !important;
6881
+ }
6882
+ .justify-content-md-between {
6883
+ -webkit-box-pack: justify !important;
6884
+ -ms-flex-pack: justify !important;
6885
+ justify-content: space-between !important;
6886
+ }
6887
+ .justify-content-md-around {
6888
+ -ms-flex-pack: distribute !important;
6889
+ justify-content: space-around !important;
6890
+ }
6891
+ .align-items-md-start {
6892
+ -webkit-box-align: start !important;
6893
+ -ms-flex-align: start !important;
6894
+ align-items: flex-start !important;
6895
+ }
6896
+ .align-items-md-end {
6897
+ -webkit-box-align: end !important;
6898
+ -ms-flex-align: end !important;
6899
+ align-items: flex-end !important;
6900
+ }
6901
+ .align-items-md-center {
6902
+ -webkit-box-align: center !important;
6903
+ -ms-flex-align: center !important;
6904
+ align-items: center !important;
6905
+ }
6906
+ .align-items-md-baseline {
6907
+ -webkit-box-align: baseline !important;
6908
+ -ms-flex-align: baseline !important;
6909
+ align-items: baseline !important;
6910
+ }
6911
+ .align-items-md-stretch {
6912
+ -webkit-box-align: stretch !important;
6913
+ -ms-flex-align: stretch !important;
6914
+ align-items: stretch !important;
6915
+ }
6916
+ .align-content-md-start {
6917
+ -ms-flex-line-pack: start !important;
6918
+ align-content: flex-start !important;
6919
+ }
6920
+ .align-content-md-end {
6921
+ -ms-flex-line-pack: end !important;
6922
+ align-content: flex-end !important;
6923
+ }
6924
+ .align-content-md-center {
6925
+ -ms-flex-line-pack: center !important;
6926
+ align-content: center !important;
6927
+ }
6928
+ .align-content-md-between {
6929
+ -ms-flex-line-pack: justify !important;
6930
+ align-content: space-between !important;
6931
+ }
6932
+ .align-content-md-around {
6933
+ -ms-flex-line-pack: distribute !important;
6934
+ align-content: space-around !important;
6935
+ }
6936
+ .align-content-md-stretch {
6937
+ -ms-flex-line-pack: stretch !important;
6938
+ align-content: stretch !important;
6939
+ }
6940
+ .align-self-md-auto {
6941
+ -ms-flex-item-align: auto !important;
6942
+ align-self: auto !important;
6943
+ }
6944
+ .align-self-md-start {
6945
+ -ms-flex-item-align: start !important;
6946
+ align-self: flex-start !important;
6947
+ }
6948
+ .align-self-md-end {
6949
+ -ms-flex-item-align: end !important;
6950
+ align-self: flex-end !important;
6951
+ }
6952
+ .align-self-md-center {
6953
+ -ms-flex-item-align: center !important;
6954
+ align-self: center !important;
6955
+ }
6956
+ .align-self-md-baseline {
6957
+ -ms-flex-item-align: baseline !important;
6958
+ align-self: baseline !important;
6959
+ }
6960
+ .align-self-md-stretch {
6961
+ -ms-flex-item-align: stretch !important;
6962
+ align-self: stretch !important;
6963
+ }
6964
+ }
6965
+
6966
+ @media (min-width: 992px) {
6967
+ .flex-lg-row {
6968
+ -webkit-box-orient: horizontal !important;
6969
+ -webkit-box-direction: normal !important;
6970
+ -ms-flex-direction: row !important;
6971
+ flex-direction: row !important;
6972
+ }
6973
+ .flex-lg-column {
6974
+ -webkit-box-orient: vertical !important;
6975
+ -webkit-box-direction: normal !important;
6976
+ -ms-flex-direction: column !important;
6977
+ flex-direction: column !important;
6978
+ }
6979
+ .flex-lg-row-reverse {
6980
+ -webkit-box-orient: horizontal !important;
6981
+ -webkit-box-direction: reverse !important;
6982
+ -ms-flex-direction: row-reverse !important;
6983
+ flex-direction: row-reverse !important;
6984
+ }
6985
+ .flex-lg-column-reverse {
6986
+ -webkit-box-orient: vertical !important;
6987
+ -webkit-box-direction: reverse !important;
6988
+ -ms-flex-direction: column-reverse !important;
6989
+ flex-direction: column-reverse !important;
6990
+ }
6991
+ .flex-lg-wrap {
6992
+ -ms-flex-wrap: wrap !important;
6993
+ flex-wrap: wrap !important;
6994
+ }
6995
+ .flex-lg-nowrap {
6996
+ -ms-flex-wrap: nowrap !important;
6997
+ flex-wrap: nowrap !important;
6998
+ }
6999
+ .flex-lg-wrap-reverse {
7000
+ -ms-flex-wrap: wrap-reverse !important;
7001
+ flex-wrap: wrap-reverse !important;
7002
+ }
7003
+ .justify-content-lg-start {
7004
+ -webkit-box-pack: start !important;
7005
+ -ms-flex-pack: start !important;
7006
+ justify-content: flex-start !important;
7007
+ }
7008
+ .justify-content-lg-end {
7009
+ -webkit-box-pack: end !important;
7010
+ -ms-flex-pack: end !important;
7011
+ justify-content: flex-end !important;
7012
+ }
7013
+ .justify-content-lg-center {
7014
+ -webkit-box-pack: center !important;
7015
+ -ms-flex-pack: center !important;
7016
+ justify-content: center !important;
7017
+ }
7018
+ .justify-content-lg-between {
7019
+ -webkit-box-pack: justify !important;
7020
+ -ms-flex-pack: justify !important;
7021
+ justify-content: space-between !important;
7022
+ }
7023
+ .justify-content-lg-around {
7024
+ -ms-flex-pack: distribute !important;
7025
+ justify-content: space-around !important;
7026
+ }
7027
+ .align-items-lg-start {
7028
+ -webkit-box-align: start !important;
7029
+ -ms-flex-align: start !important;
7030
+ align-items: flex-start !important;
7031
+ }
7032
+ .align-items-lg-end {
7033
+ -webkit-box-align: end !important;
7034
+ -ms-flex-align: end !important;
7035
+ align-items: flex-end !important;
7036
+ }
7037
+ .align-items-lg-center {
7038
+ -webkit-box-align: center !important;
7039
+ -ms-flex-align: center !important;
7040
+ align-items: center !important;
7041
+ }
7042
+ .align-items-lg-baseline {
7043
+ -webkit-box-align: baseline !important;
7044
+ -ms-flex-align: baseline !important;
7045
+ align-items: baseline !important;
7046
+ }
7047
+ .align-items-lg-stretch {
7048
+ -webkit-box-align: stretch !important;
7049
+ -ms-flex-align: stretch !important;
7050
+ align-items: stretch !important;
7051
+ }
7052
+ .align-content-lg-start {
7053
+ -ms-flex-line-pack: start !important;
7054
+ align-content: flex-start !important;
7055
+ }
7056
+ .align-content-lg-end {
7057
+ -ms-flex-line-pack: end !important;
7058
+ align-content: flex-end !important;
7059
+ }
7060
+ .align-content-lg-center {
7061
+ -ms-flex-line-pack: center !important;
7062
+ align-content: center !important;
7063
+ }
7064
+ .align-content-lg-between {
7065
+ -ms-flex-line-pack: justify !important;
7066
+ align-content: space-between !important;
7067
+ }
7068
+ .align-content-lg-around {
7069
+ -ms-flex-line-pack: distribute !important;
7070
+ align-content: space-around !important;
7071
+ }
7072
+ .align-content-lg-stretch {
7073
+ -ms-flex-line-pack: stretch !important;
7074
+ align-content: stretch !important;
7075
+ }
7076
+ .align-self-lg-auto {
7077
+ -ms-flex-item-align: auto !important;
7078
+ align-self: auto !important;
7079
+ }
7080
+ .align-self-lg-start {
7081
+ -ms-flex-item-align: start !important;
7082
+ align-self: flex-start !important;
7083
+ }
7084
+ .align-self-lg-end {
7085
+ -ms-flex-item-align: end !important;
7086
+ align-self: flex-end !important;
7087
+ }
7088
+ .align-self-lg-center {
7089
+ -ms-flex-item-align: center !important;
7090
+ align-self: center !important;
7091
+ }
7092
+ .align-self-lg-baseline {
7093
+ -ms-flex-item-align: baseline !important;
7094
+ align-self: baseline !important;
7095
+ }
7096
+ .align-self-lg-stretch {
7097
+ -ms-flex-item-align: stretch !important;
7098
+ align-self: stretch !important;
7099
+ }
7100
+ }
7101
+
7102
+ @media (min-width: 1200px) {
7103
+ .flex-xl-row {
7104
+ -webkit-box-orient: horizontal !important;
7105
+ -webkit-box-direction: normal !important;
7106
+ -ms-flex-direction: row !important;
7107
+ flex-direction: row !important;
7108
+ }
7109
+ .flex-xl-column {
7110
+ -webkit-box-orient: vertical !important;
7111
+ -webkit-box-direction: normal !important;
7112
+ -ms-flex-direction: column !important;
7113
+ flex-direction: column !important;
7114
+ }
7115
+ .flex-xl-row-reverse {
7116
+ -webkit-box-orient: horizontal !important;
7117
+ -webkit-box-direction: reverse !important;
7118
+ -ms-flex-direction: row-reverse !important;
7119
+ flex-direction: row-reverse !important;
7120
+ }
7121
+ .flex-xl-column-reverse {
7122
+ -webkit-box-orient: vertical !important;
7123
+ -webkit-box-direction: reverse !important;
7124
+ -ms-flex-direction: column-reverse !important;
7125
+ flex-direction: column-reverse !important;
7126
+ }
7127
+ .flex-xl-wrap {
7128
+ -ms-flex-wrap: wrap !important;
7129
+ flex-wrap: wrap !important;
7130
+ }
7131
+ .flex-xl-nowrap {
7132
+ -ms-flex-wrap: nowrap !important;
7133
+ flex-wrap: nowrap !important;
7134
+ }
7135
+ .flex-xl-wrap-reverse {
7136
+ -ms-flex-wrap: wrap-reverse !important;
7137
+ flex-wrap: wrap-reverse !important;
7138
+ }
7139
+ .justify-content-xl-start {
7140
+ -webkit-box-pack: start !important;
7141
+ -ms-flex-pack: start !important;
7142
+ justify-content: flex-start !important;
7143
+ }
7144
+ .justify-content-xl-end {
7145
+ -webkit-box-pack: end !important;
7146
+ -ms-flex-pack: end !important;
7147
+ justify-content: flex-end !important;
7148
+ }
7149
+ .justify-content-xl-center {
7150
+ -webkit-box-pack: center !important;
7151
+ -ms-flex-pack: center !important;
7152
+ justify-content: center !important;
7153
+ }
7154
+ .justify-content-xl-between {
7155
+ -webkit-box-pack: justify !important;
7156
+ -ms-flex-pack: justify !important;
7157
+ justify-content: space-between !important;
7158
+ }
7159
+ .justify-content-xl-around {
7160
+ -ms-flex-pack: distribute !important;
7161
+ justify-content: space-around !important;
7162
+ }
7163
+ .align-items-xl-start {
7164
+ -webkit-box-align: start !important;
7165
+ -ms-flex-align: start !important;
7166
+ align-items: flex-start !important;
7167
+ }
7168
+ .align-items-xl-end {
7169
+ -webkit-box-align: end !important;
7170
+ -ms-flex-align: end !important;
7171
+ align-items: flex-end !important;
7172
+ }
7173
+ .align-items-xl-center {
7174
+ -webkit-box-align: center !important;
7175
+ -ms-flex-align: center !important;
7176
+ align-items: center !important;
7177
+ }
7178
+ .align-items-xl-baseline {
7179
+ -webkit-box-align: baseline !important;
7180
+ -ms-flex-align: baseline !important;
7181
+ align-items: baseline !important;
7182
+ }
7183
+ .align-items-xl-stretch {
7184
+ -webkit-box-align: stretch !important;
7185
+ -ms-flex-align: stretch !important;
7186
+ align-items: stretch !important;
7187
+ }
7188
+ .align-content-xl-start {
7189
+ -ms-flex-line-pack: start !important;
7190
+ align-content: flex-start !important;
7191
+ }
7192
+ .align-content-xl-end {
7193
+ -ms-flex-line-pack: end !important;
7194
+ align-content: flex-end !important;
7195
+ }
7196
+ .align-content-xl-center {
7197
+ -ms-flex-line-pack: center !important;
7198
+ align-content: center !important;
7199
+ }
7200
+ .align-content-xl-between {
7201
+ -ms-flex-line-pack: justify !important;
7202
+ align-content: space-between !important;
7203
+ }
7204
+ .align-content-xl-around {
7205
+ -ms-flex-line-pack: distribute !important;
7206
+ align-content: space-around !important;
7207
+ }
7208
+ .align-content-xl-stretch {
7209
+ -ms-flex-line-pack: stretch !important;
7210
+ align-content: stretch !important;
7211
+ }
7212
+ .align-self-xl-auto {
7213
+ -ms-flex-item-align: auto !important;
7214
+ align-self: auto !important;
7215
+ }
7216
+ .align-self-xl-start {
7217
+ -ms-flex-item-align: start !important;
7218
+ align-self: flex-start !important;
7219
+ }
7220
+ .align-self-xl-end {
7221
+ -ms-flex-item-align: end !important;
7222
+ align-self: flex-end !important;
7223
+ }
7224
+ .align-self-xl-center {
7225
+ -ms-flex-item-align: center !important;
7226
+ align-self: center !important;
7227
+ }
7228
+ .align-self-xl-baseline {
7229
+ -ms-flex-item-align: baseline !important;
7230
+ align-self: baseline !important;
7231
+ }
7232
+ .align-self-xl-stretch {
7233
+ -ms-flex-item-align: stretch !important;
7234
+ align-self: stretch !important;
7235
+ }
7236
+ }
7237
+
7238
+ .float-left {
7239
+ float: left !important;
7240
+ }
7241
+
7242
+ .float-right {
7243
+ float: right !important;
7244
+ }
7245
+
7246
+ .float-none {
7247
+ float: none !important;
7248
+ }
7249
+
7250
+ @media (min-width: 576px) {
7251
+ .float-sm-left {
7252
+ float: left !important;
7253
+ }
7254
+ .float-sm-right {
7255
+ float: right !important;
7256
+ }
7257
+ .float-sm-none {
7258
+ float: none !important;
7259
+ }
7260
+ }
7261
+
7262
+ @media (min-width: 768px) {
7263
+ .float-md-left {
7264
+ float: left !important;
7265
+ }
7266
+ .float-md-right {
7267
+ float: right !important;
7268
+ }
7269
+ .float-md-none {
7270
+ float: none !important;
7271
+ }
7272
+ }
7273
+
7274
+ @media (min-width: 992px) {
7275
+ .float-lg-left {
7276
+ float: left !important;
7277
+ }
7278
+ .float-lg-right {
7279
+ float: right !important;
7280
+ }
7281
+ .float-lg-none {
7282
+ float: none !important;
7283
+ }
7284
+ }
7285
+
7286
+ @media (min-width: 1200px) {
7287
+ .float-xl-left {
7288
+ float: left !important;
7289
+ }
7290
+ .float-xl-right {
7291
+ float: right !important;
7292
+ }
7293
+ .float-xl-none {
7294
+ float: none !important;
7295
+ }
7296
+ }
7297
+
7298
+ .position-static {
7299
+ position: static !important;
7300
+ }
7301
+
7302
+ .position-relative {
7303
+ position: relative !important;
7304
+ }
7305
+
7306
+ .position-absolute {
7307
+ position: absolute !important;
7308
+ }
7309
+
7310
+ .position-fixed {
7311
+ position: fixed !important;
7312
+ }
7313
+
7314
+ .position-sticky {
7315
+ position: -webkit-sticky !important;
7316
+ position: sticky !important;
7317
+ }
7318
+
7319
+ .fixed-top {
7320
+ position: fixed;
7321
+ top: 0;
7322
+ right: 0;
7323
+ left: 0;
7324
+ z-index: 1030;
7325
+ }
7326
+
7327
+ .fixed-bottom {
7328
+ position: fixed;
7329
+ right: 0;
7330
+ bottom: 0;
7331
+ left: 0;
7332
+ z-index: 1030;
7333
+ }
7334
+
7335
+ @supports ((position: -webkit-sticky) or (position: sticky)) {
7336
+ .sticky-top {
7337
+ position: -webkit-sticky;
7338
+ position: sticky;
7339
+ top: 0;
7340
+ z-index: 1020;
7341
+ }
7342
+ }
7343
+
7344
+ .sr-only {
7345
+ position: absolute;
7346
+ width: 1px;
7347
+ height: 1px;
7348
+ padding: 0;
7349
+ overflow: hidden;
7350
+ clip: rect(0, 0, 0, 0);
7351
+ white-space: nowrap;
7352
+ -webkit-clip-path: inset(50%);
7353
+ clip-path: inset(50%);
7354
+ border: 0;
7355
+ }
7356
+
7357
+ .sr-only-focusable:active, .sr-only-focusable:focus {
7358
+ position: static;
7359
+ width: auto;
7360
+ height: auto;
7361
+ overflow: visible;
7362
+ clip: auto;
7363
+ white-space: normal;
7364
+ -webkit-clip-path: none;
7365
+ clip-path: none;
7366
+ }
7367
+
7368
+ .w-25 {
7369
+ width: 25% !important;
7370
+ }
7371
+
7372
+ .w-50 {
7373
+ width: 50% !important;
7374
+ }
7375
+
7376
+ .w-75 {
7377
+ width: 75% !important;
7378
+ }
7379
+
7380
+ .w-100 {
7381
+ width: 100% !important;
7382
+ }
7383
+
7384
+ .h-25 {
7385
+ height: 25% !important;
7386
+ }
7387
+
7388
+ .h-50 {
7389
+ height: 50% !important;
7390
+ }
7391
+
7392
+ .h-75 {
7393
+ height: 75% !important;
7394
+ }
7395
+
7396
+ .h-100 {
7397
+ height: 100% !important;
7398
+ }
7399
+
7400
+ .mw-100 {
7401
+ max-width: 100% !important;
7402
+ }
7403
+
7404
+ .mh-100 {
7405
+ max-height: 100% !important;
7406
+ }
7407
+
7408
+ .m-0 {
7409
+ margin: 0 !important;
7410
+ }
7411
+
7412
+ .mt-0,
7413
+ .my-0 {
7414
+ margin-top: 0 !important;
7415
+ }
7416
+
7417
+ .mr-0,
7418
+ .mx-0 {
7419
+ margin-right: 0 !important;
7420
+ }
7421
+
7422
+ .mb-0,
7423
+ .my-0 {
7424
+ margin-bottom: 0 !important;
7425
+ }
7426
+
7427
+ .ml-0,
7428
+ .mx-0 {
7429
+ margin-left: 0 !important;
7430
+ }
7431
+
7432
+ .m-1 {
7433
+ margin: 0.25rem !important;
7434
+ }
7435
+
7436
+ .mt-1,
7437
+ .my-1 {
7438
+ margin-top: 0.25rem !important;
7439
+ }
7440
+
7441
+ .mr-1,
7442
+ .mx-1 {
7443
+ margin-right: 0.25rem !important;
7444
+ }
7445
+
7446
+ .mb-1,
7447
+ .my-1 {
7448
+ margin-bottom: 0.25rem !important;
7449
+ }
7450
+
7451
+ .ml-1,
7452
+ .mx-1 {
7453
+ margin-left: 0.25rem !important;
7454
+ }
7455
+
7456
+ .m-2 {
7457
+ margin: 0.5rem !important;
7458
+ }
7459
+
7460
+ .mt-2,
7461
+ .my-2 {
7462
+ margin-top: 0.5rem !important;
7463
+ }
7464
+
7465
+ .mr-2,
7466
+ .mx-2 {
7467
+ margin-right: 0.5rem !important;
7468
+ }
7469
+
7470
+ .mb-2,
7471
+ .my-2 {
7472
+ margin-bottom: 0.5rem !important;
7473
+ }
7474
+
7475
+ .ml-2,
7476
+ .mx-2 {
7477
+ margin-left: 0.5rem !important;
7478
+ }
7479
+
7480
+ .m-3 {
7481
+ margin: 1rem !important;
7482
+ }
7483
+
7484
+ .mt-3,
7485
+ .my-3 {
7486
+ margin-top: 1rem !important;
7487
+ }
7488
+
7489
+ .mr-3,
7490
+ .mx-3 {
7491
+ margin-right: 1rem !important;
7492
+ }
7493
+
7494
+ .mb-3,
7495
+ .my-3 {
7496
+ margin-bottom: 1rem !important;
7497
+ }
7498
+
7499
+ .ml-3,
7500
+ .mx-3 {
7501
+ margin-left: 1rem !important;
7502
+ }
7503
+
7504
+ .m-4 {
7505
+ margin: 1.5rem !important;
7506
+ }
7507
+
7508
+ .mt-4,
7509
+ .my-4 {
7510
+ margin-top: 1.5rem !important;
7511
+ }
7512
+
7513
+ .mr-4,
7514
+ .mx-4 {
7515
+ margin-right: 1.5rem !important;
7516
+ }
7517
+
7518
+ .mb-4,
7519
+ .my-4 {
7520
+ margin-bottom: 1.5rem !important;
7521
+ }
7522
+
7523
+ .ml-4,
7524
+ .mx-4 {
7525
+ margin-left: 1.5rem !important;
7526
+ }
7527
+
7528
+ .m-5 {
7529
+ margin: 3rem !important;
7530
+ }
7531
+
7532
+ .mt-5,
7533
+ .my-5 {
7534
+ margin-top: 3rem !important;
7535
+ }
7536
+
7537
+ .mr-5,
7538
+ .mx-5 {
7539
+ margin-right: 3rem !important;
7540
+ }
7541
+
7542
+ .mb-5,
7543
+ .my-5 {
7544
+ margin-bottom: 3rem !important;
7545
+ }
7546
+
7547
+ .ml-5,
7548
+ .mx-5 {
7549
+ margin-left: 3rem !important;
7550
+ }
7551
+
7552
+ .p-0 {
7553
+ padding: 0 !important;
7554
+ }
7555
+
7556
+ .pt-0,
7557
+ .py-0 {
7558
+ padding-top: 0 !important;
7559
+ }
7560
+
7561
+ .pr-0,
7562
+ .px-0 {
7563
+ padding-right: 0 !important;
7564
+ }
7565
+
7566
+ .pb-0,
7567
+ .py-0 {
7568
+ padding-bottom: 0 !important;
7569
+ }
7570
+
7571
+ .pl-0,
7572
+ .px-0 {
7573
+ padding-left: 0 !important;
7574
+ }
7575
+
7576
+ .p-1 {
7577
+ padding: 0.25rem !important;
7578
+ }
7579
+
7580
+ .pt-1,
7581
+ .py-1 {
7582
+ padding-top: 0.25rem !important;
7583
+ }
7584
+
7585
+ .pr-1,
7586
+ .px-1 {
7587
+ padding-right: 0.25rem !important;
7588
+ }
7589
+
7590
+ .pb-1,
7591
+ .py-1 {
7592
+ padding-bottom: 0.25rem !important;
7593
+ }
7594
+
7595
+ .pl-1,
7596
+ .px-1 {
7597
+ padding-left: 0.25rem !important;
7598
+ }
7599
+
7600
+ .p-2 {
7601
+ padding: 0.5rem !important;
7602
+ }
7603
+
7604
+ .pt-2,
7605
+ .py-2 {
7606
+ padding-top: 0.5rem !important;
7607
+ }
7608
+
7609
+ .pr-2,
7610
+ .px-2 {
7611
+ padding-right: 0.5rem !important;
7612
+ }
7613
+
7614
+ .pb-2,
7615
+ .py-2 {
7616
+ padding-bottom: 0.5rem !important;
7617
+ }
7618
+
7619
+ .pl-2,
7620
+ .px-2 {
7621
+ padding-left: 0.5rem !important;
7622
+ }
7623
+
7624
+ .p-3 {
7625
+ padding: 1rem !important;
7626
+ }
7627
+
7628
+ .pt-3,
7629
+ .py-3 {
7630
+ padding-top: 1rem !important;
7631
+ }
7632
+
7633
+ .pr-3,
7634
+ .px-3 {
7635
+ padding-right: 1rem !important;
7636
+ }
7637
+
7638
+ .pb-3,
7639
+ .py-3 {
7640
+ padding-bottom: 1rem !important;
7641
+ }
7642
+
7643
+ .pl-3,
7644
+ .px-3 {
7645
+ padding-left: 1rem !important;
7646
+ }
7647
+
7648
+ .p-4 {
7649
+ padding: 1.5rem !important;
7650
+ }
7651
+
7652
+ .pt-4,
7653
+ .py-4 {
7654
+ padding-top: 1.5rem !important;
7655
+ }
7656
+
7657
+ .pr-4,
7658
+ .px-4 {
7659
+ padding-right: 1.5rem !important;
7660
+ }
7661
+
7662
+ .pb-4,
7663
+ .py-4 {
7664
+ padding-bottom: 1.5rem !important;
7665
+ }
7666
+
7667
+ .pl-4,
7668
+ .px-4 {
7669
+ padding-left: 1.5rem !important;
7670
+ }
7671
+
7672
+ .p-5 {
7673
+ padding: 3rem !important;
7674
+ }
7675
+
7676
+ .pt-5,
7677
+ .py-5 {
7678
+ padding-top: 3rem !important;
7679
+ }
7680
+
7681
+ .pr-5,
7682
+ .px-5 {
7683
+ padding-right: 3rem !important;
7684
+ }
7685
+
7686
+ .pb-5,
7687
+ .py-5 {
7688
+ padding-bottom: 3rem !important;
7689
+ }
7690
+
7691
+ .pl-5,
7692
+ .px-5 {
7693
+ padding-left: 3rem !important;
7694
+ }
7695
+
7696
+ .m-auto {
7697
+ margin: auto !important;
7698
+ }
7699
+
7700
+ .mt-auto,
7701
+ .my-auto {
7702
+ margin-top: auto !important;
7703
+ }
7704
+
7705
+ .mr-auto,
7706
+ .mx-auto {
7707
+ margin-right: auto !important;
7708
+ }
7709
+
7710
+ .mb-auto,
7711
+ .my-auto {
7712
+ margin-bottom: auto !important;
7713
+ }
7714
+
7715
+ .ml-auto,
7716
+ .mx-auto {
7717
+ margin-left: auto !important;
7718
+ }
7719
+
7720
+ @media (min-width: 576px) {
7721
+ .m-sm-0 {
7722
+ margin: 0 !important;
7723
+ }
7724
+ .mt-sm-0,
7725
+ .my-sm-0 {
7726
+ margin-top: 0 !important;
7727
+ }
7728
+ .mr-sm-0,
7729
+ .mx-sm-0 {
7730
+ margin-right: 0 !important;
7731
+ }
7732
+ .mb-sm-0,
7733
+ .my-sm-0 {
7734
+ margin-bottom: 0 !important;
7735
+ }
7736
+ .ml-sm-0,
7737
+ .mx-sm-0 {
7738
+ margin-left: 0 !important;
7739
+ }
7740
+ .m-sm-1 {
7741
+ margin: 0.25rem !important;
7742
+ }
7743
+ .mt-sm-1,
7744
+ .my-sm-1 {
7745
+ margin-top: 0.25rem !important;
7746
+ }
7747
+ .mr-sm-1,
7748
+ .mx-sm-1 {
7749
+ margin-right: 0.25rem !important;
7750
+ }
7751
+ .mb-sm-1,
7752
+ .my-sm-1 {
7753
+ margin-bottom: 0.25rem !important;
7754
+ }
7755
+ .ml-sm-1,
7756
+ .mx-sm-1 {
7757
+ margin-left: 0.25rem !important;
7758
+ }
7759
+ .m-sm-2 {
7760
+ margin: 0.5rem !important;
7761
+ }
7762
+ .mt-sm-2,
7763
+ .my-sm-2 {
7764
+ margin-top: 0.5rem !important;
7765
+ }
7766
+ .mr-sm-2,
7767
+ .mx-sm-2 {
7768
+ margin-right: 0.5rem !important;
7769
+ }
7770
+ .mb-sm-2,
7771
+ .my-sm-2 {
7772
+ margin-bottom: 0.5rem !important;
7773
+ }
7774
+ .ml-sm-2,
7775
+ .mx-sm-2 {
7776
+ margin-left: 0.5rem !important;
7777
+ }
7778
+ .m-sm-3 {
7779
+ margin: 1rem !important;
7780
+ }
7781
+ .mt-sm-3,
7782
+ .my-sm-3 {
7783
+ margin-top: 1rem !important;
7784
+ }
7785
+ .mr-sm-3,
7786
+ .mx-sm-3 {
7787
+ margin-right: 1rem !important;
7788
+ }
7789
+ .mb-sm-3,
7790
+ .my-sm-3 {
7791
+ margin-bottom: 1rem !important;
7792
+ }
7793
+ .ml-sm-3,
7794
+ .mx-sm-3 {
7795
+ margin-left: 1rem !important;
7796
+ }
7797
+ .m-sm-4 {
7798
+ margin: 1.5rem !important;
7799
+ }
7800
+ .mt-sm-4,
7801
+ .my-sm-4 {
7802
+ margin-top: 1.5rem !important;
7803
+ }
7804
+ .mr-sm-4,
7805
+ .mx-sm-4 {
7806
+ margin-right: 1.5rem !important;
7807
+ }
7808
+ .mb-sm-4,
7809
+ .my-sm-4 {
7810
+ margin-bottom: 1.5rem !important;
7811
+ }
7812
+ .ml-sm-4,
7813
+ .mx-sm-4 {
7814
+ margin-left: 1.5rem !important;
7815
+ }
7816
+ .m-sm-5 {
7817
+ margin: 3rem !important;
7818
+ }
7819
+ .mt-sm-5,
7820
+ .my-sm-5 {
7821
+ margin-top: 3rem !important;
7822
+ }
7823
+ .mr-sm-5,
7824
+ .mx-sm-5 {
7825
+ margin-right: 3rem !important;
7826
+ }
7827
+ .mb-sm-5,
7828
+ .my-sm-5 {
7829
+ margin-bottom: 3rem !important;
7830
+ }
7831
+ .ml-sm-5,
7832
+ .mx-sm-5 {
7833
+ margin-left: 3rem !important;
7834
+ }
7835
+ .p-sm-0 {
7836
+ padding: 0 !important;
7837
+ }
7838
+ .pt-sm-0,
7839
+ .py-sm-0 {
7840
+ padding-top: 0 !important;
7841
+ }
7842
+ .pr-sm-0,
7843
+ .px-sm-0 {
7844
+ padding-right: 0 !important;
7845
+ }
7846
+ .pb-sm-0,
7847
+ .py-sm-0 {
7848
+ padding-bottom: 0 !important;
7849
+ }
7850
+ .pl-sm-0,
7851
+ .px-sm-0 {
7852
+ padding-left: 0 !important;
7853
+ }
7854
+ .p-sm-1 {
7855
+ padding: 0.25rem !important;
7856
+ }
7857
+ .pt-sm-1,
7858
+ .py-sm-1 {
7859
+ padding-top: 0.25rem !important;
7860
+ }
7861
+ .pr-sm-1,
7862
+ .px-sm-1 {
7863
+ padding-right: 0.25rem !important;
7864
+ }
7865
+ .pb-sm-1,
7866
+ .py-sm-1 {
7867
+ padding-bottom: 0.25rem !important;
7868
+ }
7869
+ .pl-sm-1,
7870
+ .px-sm-1 {
7871
+ padding-left: 0.25rem !important;
7872
+ }
7873
+ .p-sm-2 {
7874
+ padding: 0.5rem !important;
7875
+ }
7876
+ .pt-sm-2,
7877
+ .py-sm-2 {
7878
+ padding-top: 0.5rem !important;
7879
+ }
7880
+ .pr-sm-2,
7881
+ .px-sm-2 {
7882
+ padding-right: 0.5rem !important;
7883
+ }
7884
+ .pb-sm-2,
7885
+ .py-sm-2 {
7886
+ padding-bottom: 0.5rem !important;
7887
+ }
7888
+ .pl-sm-2,
7889
+ .px-sm-2 {
7890
+ padding-left: 0.5rem !important;
7891
+ }
7892
+ .p-sm-3 {
7893
+ padding: 1rem !important;
7894
+ }
7895
+ .pt-sm-3,
7896
+ .py-sm-3 {
7897
+ padding-top: 1rem !important;
7898
+ }
7899
+ .pr-sm-3,
7900
+ .px-sm-3 {
7901
+ padding-right: 1rem !important;
7902
+ }
7903
+ .pb-sm-3,
7904
+ .py-sm-3 {
7905
+ padding-bottom: 1rem !important;
7906
+ }
7907
+ .pl-sm-3,
7908
+ .px-sm-3 {
7909
+ padding-left: 1rem !important;
7910
+ }
7911
+ .p-sm-4 {
7912
+ padding: 1.5rem !important;
7913
+ }
7914
+ .pt-sm-4,
7915
+ .py-sm-4 {
7916
+ padding-top: 1.5rem !important;
7917
+ }
7918
+ .pr-sm-4,
7919
+ .px-sm-4 {
7920
+ padding-right: 1.5rem !important;
7921
+ }
7922
+ .pb-sm-4,
7923
+ .py-sm-4 {
7924
+ padding-bottom: 1.5rem !important;
7925
+ }
7926
+ .pl-sm-4,
7927
+ .px-sm-4 {
7928
+ padding-left: 1.5rem !important;
7929
+ }
7930
+ .p-sm-5 {
7931
+ padding: 3rem !important;
7932
+ }
7933
+ .pt-sm-5,
7934
+ .py-sm-5 {
7935
+ padding-top: 3rem !important;
7936
+ }
7937
+ .pr-sm-5,
7938
+ .px-sm-5 {
7939
+ padding-right: 3rem !important;
7940
+ }
7941
+ .pb-sm-5,
7942
+ .py-sm-5 {
7943
+ padding-bottom: 3rem !important;
7944
+ }
7945
+ .pl-sm-5,
7946
+ .px-sm-5 {
7947
+ padding-left: 3rem !important;
7948
+ }
7949
+ .m-sm-auto {
7950
+ margin: auto !important;
7951
+ }
7952
+ .mt-sm-auto,
7953
+ .my-sm-auto {
7954
+ margin-top: auto !important;
7955
+ }
7956
+ .mr-sm-auto,
7957
+ .mx-sm-auto {
7958
+ margin-right: auto !important;
7959
+ }
7960
+ .mb-sm-auto,
7961
+ .my-sm-auto {
7962
+ margin-bottom: auto !important;
7963
+ }
7964
+ .ml-sm-auto,
7965
+ .mx-sm-auto {
7966
+ margin-left: auto !important;
7967
+ }
7968
+ }
7969
+
7970
+ @media (min-width: 768px) {
7971
+ .m-md-0 {
7972
+ margin: 0 !important;
7973
+ }
7974
+ .mt-md-0,
7975
+ .my-md-0 {
7976
+ margin-top: 0 !important;
7977
+ }
7978
+ .mr-md-0,
7979
+ .mx-md-0 {
7980
+ margin-right: 0 !important;
7981
+ }
7982
+ .mb-md-0,
7983
+ .my-md-0 {
7984
+ margin-bottom: 0 !important;
7985
+ }
7986
+ .ml-md-0,
7987
+ .mx-md-0 {
7988
+ margin-left: 0 !important;
7989
+ }
7990
+ .m-md-1 {
7991
+ margin: 0.25rem !important;
7992
+ }
7993
+ .mt-md-1,
7994
+ .my-md-1 {
7995
+ margin-top: 0.25rem !important;
7996
+ }
7997
+ .mr-md-1,
7998
+ .mx-md-1 {
7999
+ margin-right: 0.25rem !important;
8000
+ }
8001
+ .mb-md-1,
8002
+ .my-md-1 {
8003
+ margin-bottom: 0.25rem !important;
8004
+ }
8005
+ .ml-md-1,
8006
+ .mx-md-1 {
8007
+ margin-left: 0.25rem !important;
8008
+ }
8009
+ .m-md-2 {
8010
+ margin: 0.5rem !important;
8011
+ }
8012
+ .mt-md-2,
8013
+ .my-md-2 {
8014
+ margin-top: 0.5rem !important;
8015
+ }
8016
+ .mr-md-2,
8017
+ .mx-md-2 {
8018
+ margin-right: 0.5rem !important;
8019
+ }
8020
+ .mb-md-2,
8021
+ .my-md-2 {
8022
+ margin-bottom: 0.5rem !important;
8023
+ }
8024
+ .ml-md-2,
8025
+ .mx-md-2 {
8026
+ margin-left: 0.5rem !important;
8027
+ }
8028
+ .m-md-3 {
8029
+ margin: 1rem !important;
8030
+ }
8031
+ .mt-md-3,
8032
+ .my-md-3 {
8033
+ margin-top: 1rem !important;
8034
+ }
8035
+ .mr-md-3,
8036
+ .mx-md-3 {
8037
+ margin-right: 1rem !important;
8038
+ }
8039
+ .mb-md-3,
8040
+ .my-md-3 {
8041
+ margin-bottom: 1rem !important;
8042
+ }
8043
+ .ml-md-3,
8044
+ .mx-md-3 {
8045
+ margin-left: 1rem !important;
8046
+ }
8047
+ .m-md-4 {
8048
+ margin: 1.5rem !important;
8049
+ }
8050
+ .mt-md-4,
8051
+ .my-md-4 {
8052
+ margin-top: 1.5rem !important;
8053
+ }
8054
+ .mr-md-4,
8055
+ .mx-md-4 {
8056
+ margin-right: 1.5rem !important;
8057
+ }
8058
+ .mb-md-4,
8059
+ .my-md-4 {
8060
+ margin-bottom: 1.5rem !important;
8061
+ }
8062
+ .ml-md-4,
8063
+ .mx-md-4 {
8064
+ margin-left: 1.5rem !important;
8065
+ }
8066
+ .m-md-5 {
8067
+ margin: 3rem !important;
8068
+ }
8069
+ .mt-md-5,
8070
+ .my-md-5 {
8071
+ margin-top: 3rem !important;
8072
+ }
8073
+ .mr-md-5,
8074
+ .mx-md-5 {
8075
+ margin-right: 3rem !important;
8076
+ }
8077
+ .mb-md-5,
8078
+ .my-md-5 {
8079
+ margin-bottom: 3rem !important;
8080
+ }
8081
+ .ml-md-5,
8082
+ .mx-md-5 {
8083
+ margin-left: 3rem !important;
8084
+ }
8085
+ .p-md-0 {
8086
+ padding: 0 !important;
8087
+ }
8088
+ .pt-md-0,
8089
+ .py-md-0 {
8090
+ padding-top: 0 !important;
8091
+ }
8092
+ .pr-md-0,
8093
+ .px-md-0 {
8094
+ padding-right: 0 !important;
8095
+ }
8096
+ .pb-md-0,
8097
+ .py-md-0 {
8098
+ padding-bottom: 0 !important;
8099
+ }
8100
+ .pl-md-0,
8101
+ .px-md-0 {
8102
+ padding-left: 0 !important;
8103
+ }
8104
+ .p-md-1 {
8105
+ padding: 0.25rem !important;
8106
+ }
8107
+ .pt-md-1,
8108
+ .py-md-1 {
8109
+ padding-top: 0.25rem !important;
8110
+ }
8111
+ .pr-md-1,
8112
+ .px-md-1 {
8113
+ padding-right: 0.25rem !important;
8114
+ }
8115
+ .pb-md-1,
8116
+ .py-md-1 {
8117
+ padding-bottom: 0.25rem !important;
8118
+ }
8119
+ .pl-md-1,
8120
+ .px-md-1 {
8121
+ padding-left: 0.25rem !important;
8122
+ }
8123
+ .p-md-2 {
8124
+ padding: 0.5rem !important;
8125
+ }
8126
+ .pt-md-2,
8127
+ .py-md-2 {
8128
+ padding-top: 0.5rem !important;
8129
+ }
8130
+ .pr-md-2,
8131
+ .px-md-2 {
8132
+ padding-right: 0.5rem !important;
8133
+ }
8134
+ .pb-md-2,
8135
+ .py-md-2 {
8136
+ padding-bottom: 0.5rem !important;
8137
+ }
8138
+ .pl-md-2,
8139
+ .px-md-2 {
8140
+ padding-left: 0.5rem !important;
8141
+ }
8142
+ .p-md-3 {
8143
+ padding: 1rem !important;
8144
+ }
8145
+ .pt-md-3,
8146
+ .py-md-3 {
8147
+ padding-top: 1rem !important;
8148
+ }
8149
+ .pr-md-3,
8150
+ .px-md-3 {
8151
+ padding-right: 1rem !important;
8152
+ }
8153
+ .pb-md-3,
8154
+ .py-md-3 {
8155
+ padding-bottom: 1rem !important;
8156
+ }
8157
+ .pl-md-3,
8158
+ .px-md-3 {
8159
+ padding-left: 1rem !important;
8160
+ }
8161
+ .p-md-4 {
8162
+ padding: 1.5rem !important;
8163
+ }
8164
+ .pt-md-4,
8165
+ .py-md-4 {
8166
+ padding-top: 1.5rem !important;
8167
+ }
8168
+ .pr-md-4,
8169
+ .px-md-4 {
8170
+ padding-right: 1.5rem !important;
8171
+ }
8172
+ .pb-md-4,
8173
+ .py-md-4 {
8174
+ padding-bottom: 1.5rem !important;
8175
+ }
8176
+ .pl-md-4,
8177
+ .px-md-4 {
8178
+ padding-left: 1.5rem !important;
8179
+ }
8180
+ .p-md-5 {
8181
+ padding: 3rem !important;
8182
+ }
8183
+ .pt-md-5,
8184
+ .py-md-5 {
8185
+ padding-top: 3rem !important;
8186
+ }
8187
+ .pr-md-5,
8188
+ .px-md-5 {
8189
+ padding-right: 3rem !important;
8190
+ }
8191
+ .pb-md-5,
8192
+ .py-md-5 {
8193
+ padding-bottom: 3rem !important;
8194
+ }
8195
+ .pl-md-5,
8196
+ .px-md-5 {
8197
+ padding-left: 3rem !important;
8198
+ }
8199
+ .m-md-auto {
8200
+ margin: auto !important;
8201
+ }
8202
+ .mt-md-auto,
8203
+ .my-md-auto {
8204
+ margin-top: auto !important;
8205
+ }
8206
+ .mr-md-auto,
8207
+ .mx-md-auto {
8208
+ margin-right: auto !important;
8209
+ }
8210
+ .mb-md-auto,
8211
+ .my-md-auto {
8212
+ margin-bottom: auto !important;
8213
+ }
8214
+ .ml-md-auto,
8215
+ .mx-md-auto {
8216
+ margin-left: auto !important;
8217
+ }
8218
+ }
8219
+
8220
+ @media (min-width: 992px) {
8221
+ .m-lg-0 {
8222
+ margin: 0 !important;
8223
+ }
8224
+ .mt-lg-0,
8225
+ .my-lg-0 {
8226
+ margin-top: 0 !important;
8227
+ }
8228
+ .mr-lg-0,
8229
+ .mx-lg-0 {
8230
+ margin-right: 0 !important;
8231
+ }
8232
+ .mb-lg-0,
8233
+ .my-lg-0 {
8234
+ margin-bottom: 0 !important;
8235
+ }
8236
+ .ml-lg-0,
8237
+ .mx-lg-0 {
8238
+ margin-left: 0 !important;
8239
+ }
8240
+ .m-lg-1 {
8241
+ margin: 0.25rem !important;
8242
+ }
8243
+ .mt-lg-1,
8244
+ .my-lg-1 {
8245
+ margin-top: 0.25rem !important;
8246
+ }
8247
+ .mr-lg-1,
8248
+ .mx-lg-1 {
8249
+ margin-right: 0.25rem !important;
8250
+ }
8251
+ .mb-lg-1,
8252
+ .my-lg-1 {
8253
+ margin-bottom: 0.25rem !important;
8254
+ }
8255
+ .ml-lg-1,
8256
+ .mx-lg-1 {
8257
+ margin-left: 0.25rem !important;
8258
+ }
8259
+ .m-lg-2 {
8260
+ margin: 0.5rem !important;
8261
+ }
8262
+ .mt-lg-2,
8263
+ .my-lg-2 {
8264
+ margin-top: 0.5rem !important;
8265
+ }
8266
+ .mr-lg-2,
8267
+ .mx-lg-2 {
8268
+ margin-right: 0.5rem !important;
8269
+ }
8270
+ .mb-lg-2,
8271
+ .my-lg-2 {
8272
+ margin-bottom: 0.5rem !important;
8273
+ }
8274
+ .ml-lg-2,
8275
+ .mx-lg-2 {
8276
+ margin-left: 0.5rem !important;
8277
+ }
8278
+ .m-lg-3 {
8279
+ margin: 1rem !important;
8280
+ }
8281
+ .mt-lg-3,
8282
+ .my-lg-3 {
8283
+ margin-top: 1rem !important;
8284
+ }
8285
+ .mr-lg-3,
8286
+ .mx-lg-3 {
8287
+ margin-right: 1rem !important;
8288
+ }
8289
+ .mb-lg-3,
8290
+ .my-lg-3 {
8291
+ margin-bottom: 1rem !important;
8292
+ }
8293
+ .ml-lg-3,
8294
+ .mx-lg-3 {
8295
+ margin-left: 1rem !important;
8296
+ }
8297
+ .m-lg-4 {
8298
+ margin: 1.5rem !important;
8299
+ }
8300
+ .mt-lg-4,
8301
+ .my-lg-4 {
8302
+ margin-top: 1.5rem !important;
8303
+ }
8304
+ .mr-lg-4,
8305
+ .mx-lg-4 {
8306
+ margin-right: 1.5rem !important;
8307
+ }
8308
+ .mb-lg-4,
8309
+ .my-lg-4 {
8310
+ margin-bottom: 1.5rem !important;
8311
+ }
8312
+ .ml-lg-4,
8313
+ .mx-lg-4 {
8314
+ margin-left: 1.5rem !important;
8315
+ }
8316
+ .m-lg-5 {
8317
+ margin: 3rem !important;
8318
+ }
8319
+ .mt-lg-5,
8320
+ .my-lg-5 {
8321
+ margin-top: 3rem !important;
8322
+ }
8323
+ .mr-lg-5,
8324
+ .mx-lg-5 {
8325
+ margin-right: 3rem !important;
8326
+ }
8327
+ .mb-lg-5,
8328
+ .my-lg-5 {
8329
+ margin-bottom: 3rem !important;
8330
+ }
8331
+ .ml-lg-5,
8332
+ .mx-lg-5 {
8333
+ margin-left: 3rem !important;
8334
+ }
8335
+ .p-lg-0 {
8336
+ padding: 0 !important;
8337
+ }
8338
+ .pt-lg-0,
8339
+ .py-lg-0 {
8340
+ padding-top: 0 !important;
8341
+ }
8342
+ .pr-lg-0,
8343
+ .px-lg-0 {
8344
+ padding-right: 0 !important;
8345
+ }
8346
+ .pb-lg-0,
8347
+ .py-lg-0 {
8348
+ padding-bottom: 0 !important;
8349
+ }
8350
+ .pl-lg-0,
8351
+ .px-lg-0 {
8352
+ padding-left: 0 !important;
8353
+ }
8354
+ .p-lg-1 {
8355
+ padding: 0.25rem !important;
8356
+ }
8357
+ .pt-lg-1,
8358
+ .py-lg-1 {
8359
+ padding-top: 0.25rem !important;
8360
+ }
8361
+ .pr-lg-1,
8362
+ .px-lg-1 {
8363
+ padding-right: 0.25rem !important;
8364
+ }
8365
+ .pb-lg-1,
8366
+ .py-lg-1 {
8367
+ padding-bottom: 0.25rem !important;
8368
+ }
8369
+ .pl-lg-1,
8370
+ .px-lg-1 {
8371
+ padding-left: 0.25rem !important;
8372
+ }
8373
+ .p-lg-2 {
8374
+ padding: 0.5rem !important;
8375
+ }
8376
+ .pt-lg-2,
8377
+ .py-lg-2 {
8378
+ padding-top: 0.5rem !important;
8379
+ }
8380
+ .pr-lg-2,
8381
+ .px-lg-2 {
8382
+ padding-right: 0.5rem !important;
8383
+ }
8384
+ .pb-lg-2,
8385
+ .py-lg-2 {
8386
+ padding-bottom: 0.5rem !important;
8387
+ }
8388
+ .pl-lg-2,
8389
+ .px-lg-2 {
8390
+ padding-left: 0.5rem !important;
8391
+ }
8392
+ .p-lg-3 {
8393
+ padding: 1rem !important;
8394
+ }
8395
+ .pt-lg-3,
8396
+ .py-lg-3 {
8397
+ padding-top: 1rem !important;
8398
+ }
8399
+ .pr-lg-3,
8400
+ .px-lg-3 {
8401
+ padding-right: 1rem !important;
8402
+ }
8403
+ .pb-lg-3,
8404
+ .py-lg-3 {
8405
+ padding-bottom: 1rem !important;
8406
+ }
8407
+ .pl-lg-3,
8408
+ .px-lg-3 {
8409
+ padding-left: 1rem !important;
8410
+ }
8411
+ .p-lg-4 {
8412
+ padding: 1.5rem !important;
8413
+ }
8414
+ .pt-lg-4,
8415
+ .py-lg-4 {
8416
+ padding-top: 1.5rem !important;
8417
+ }
8418
+ .pr-lg-4,
8419
+ .px-lg-4 {
8420
+ padding-right: 1.5rem !important;
8421
+ }
8422
+ .pb-lg-4,
8423
+ .py-lg-4 {
8424
+ padding-bottom: 1.5rem !important;
8425
+ }
8426
+ .pl-lg-4,
8427
+ .px-lg-4 {
8428
+ padding-left: 1.5rem !important;
8429
+ }
8430
+ .p-lg-5 {
8431
+ padding: 3rem !important;
8432
+ }
8433
+ .pt-lg-5,
8434
+ .py-lg-5 {
8435
+ padding-top: 3rem !important;
8436
+ }
8437
+ .pr-lg-5,
8438
+ .px-lg-5 {
8439
+ padding-right: 3rem !important;
8440
+ }
8441
+ .pb-lg-5,
8442
+ .py-lg-5 {
8443
+ padding-bottom: 3rem !important;
8444
+ }
8445
+ .pl-lg-5,
8446
+ .px-lg-5 {
8447
+ padding-left: 3rem !important;
8448
+ }
8449
+ .m-lg-auto {
8450
+ margin: auto !important;
8451
+ }
8452
+ .mt-lg-auto,
8453
+ .my-lg-auto {
8454
+ margin-top: auto !important;
8455
+ }
8456
+ .mr-lg-auto,
8457
+ .mx-lg-auto {
8458
+ margin-right: auto !important;
8459
+ }
8460
+ .mb-lg-auto,
8461
+ .my-lg-auto {
8462
+ margin-bottom: auto !important;
8463
+ }
8464
+ .ml-lg-auto,
8465
+ .mx-lg-auto {
8466
+ margin-left: auto !important;
8467
+ }
8468
+ }
8469
+
8470
+ @media (min-width: 1200px) {
8471
+ .m-xl-0 {
8472
+ margin: 0 !important;
8473
+ }
8474
+ .mt-xl-0,
8475
+ .my-xl-0 {
8476
+ margin-top: 0 !important;
8477
+ }
8478
+ .mr-xl-0,
8479
+ .mx-xl-0 {
8480
+ margin-right: 0 !important;
8481
+ }
8482
+ .mb-xl-0,
8483
+ .my-xl-0 {
8484
+ margin-bottom: 0 !important;
8485
+ }
8486
+ .ml-xl-0,
8487
+ .mx-xl-0 {
8488
+ margin-left: 0 !important;
8489
+ }
8490
+ .m-xl-1 {
8491
+ margin: 0.25rem !important;
8492
+ }
8493
+ .mt-xl-1,
8494
+ .my-xl-1 {
8495
+ margin-top: 0.25rem !important;
8496
+ }
8497
+ .mr-xl-1,
8498
+ .mx-xl-1 {
8499
+ margin-right: 0.25rem !important;
8500
+ }
8501
+ .mb-xl-1,
8502
+ .my-xl-1 {
8503
+ margin-bottom: 0.25rem !important;
8504
+ }
8505
+ .ml-xl-1,
8506
+ .mx-xl-1 {
8507
+ margin-left: 0.25rem !important;
8508
+ }
8509
+ .m-xl-2 {
8510
+ margin: 0.5rem !important;
8511
+ }
8512
+ .mt-xl-2,
8513
+ .my-xl-2 {
8514
+ margin-top: 0.5rem !important;
8515
+ }
8516
+ .mr-xl-2,
8517
+ .mx-xl-2 {
8518
+ margin-right: 0.5rem !important;
8519
+ }
8520
+ .mb-xl-2,
8521
+ .my-xl-2 {
8522
+ margin-bottom: 0.5rem !important;
8523
+ }
8524
+ .ml-xl-2,
8525
+ .mx-xl-2 {
8526
+ margin-left: 0.5rem !important;
8527
+ }
8528
+ .m-xl-3 {
8529
+ margin: 1rem !important;
8530
+ }
8531
+ .mt-xl-3,
8532
+ .my-xl-3 {
8533
+ margin-top: 1rem !important;
8534
+ }
8535
+ .mr-xl-3,
8536
+ .mx-xl-3 {
8537
+ margin-right: 1rem !important;
8538
+ }
8539
+ .mb-xl-3,
8540
+ .my-xl-3 {
8541
+ margin-bottom: 1rem !important;
8542
+ }
8543
+ .ml-xl-3,
8544
+ .mx-xl-3 {
8545
+ margin-left: 1rem !important;
8546
+ }
8547
+ .m-xl-4 {
8548
+ margin: 1.5rem !important;
8549
+ }
8550
+ .mt-xl-4,
8551
+ .my-xl-4 {
8552
+ margin-top: 1.5rem !important;
8553
+ }
8554
+ .mr-xl-4,
8555
+ .mx-xl-4 {
8556
+ margin-right: 1.5rem !important;
8557
+ }
8558
+ .mb-xl-4,
8559
+ .my-xl-4 {
8560
+ margin-bottom: 1.5rem !important;
8561
+ }
8562
+ .ml-xl-4,
8563
+ .mx-xl-4 {
8564
+ margin-left: 1.5rem !important;
8565
+ }
8566
+ .m-xl-5 {
8567
+ margin: 3rem !important;
8568
+ }
8569
+ .mt-xl-5,
8570
+ .my-xl-5 {
8571
+ margin-top: 3rem !important;
8572
+ }
8573
+ .mr-xl-5,
8574
+ .mx-xl-5 {
8575
+ margin-right: 3rem !important;
8576
+ }
8577
+ .mb-xl-5,
8578
+ .my-xl-5 {
8579
+ margin-bottom: 3rem !important;
8580
+ }
8581
+ .ml-xl-5,
8582
+ .mx-xl-5 {
8583
+ margin-left: 3rem !important;
8584
+ }
8585
+ .p-xl-0 {
8586
+ padding: 0 !important;
8587
+ }
8588
+ .pt-xl-0,
8589
+ .py-xl-0 {
8590
+ padding-top: 0 !important;
8591
+ }
8592
+ .pr-xl-0,
8593
+ .px-xl-0 {
8594
+ padding-right: 0 !important;
8595
+ }
8596
+ .pb-xl-0,
8597
+ .py-xl-0 {
8598
+ padding-bottom: 0 !important;
8599
+ }
8600
+ .pl-xl-0,
8601
+ .px-xl-0 {
8602
+ padding-left: 0 !important;
8603
+ }
8604
+ .p-xl-1 {
8605
+ padding: 0.25rem !important;
8606
+ }
8607
+ .pt-xl-1,
8608
+ .py-xl-1 {
8609
+ padding-top: 0.25rem !important;
8610
+ }
8611
+ .pr-xl-1,
8612
+ .px-xl-1 {
8613
+ padding-right: 0.25rem !important;
8614
+ }
8615
+ .pb-xl-1,
8616
+ .py-xl-1 {
8617
+ padding-bottom: 0.25rem !important;
8618
+ }
8619
+ .pl-xl-1,
8620
+ .px-xl-1 {
8621
+ padding-left: 0.25rem !important;
8622
+ }
8623
+ .p-xl-2 {
8624
+ padding: 0.5rem !important;
8625
+ }
8626
+ .pt-xl-2,
8627
+ .py-xl-2 {
8628
+ padding-top: 0.5rem !important;
8629
+ }
8630
+ .pr-xl-2,
8631
+ .px-xl-2 {
8632
+ padding-right: 0.5rem !important;
8633
+ }
8634
+ .pb-xl-2,
8635
+ .py-xl-2 {
8636
+ padding-bottom: 0.5rem !important;
8637
+ }
8638
+ .pl-xl-2,
8639
+ .px-xl-2 {
8640
+ padding-left: 0.5rem !important;
8641
+ }
8642
+ .p-xl-3 {
8643
+ padding: 1rem !important;
8644
+ }
8645
+ .pt-xl-3,
8646
+ .py-xl-3 {
8647
+ padding-top: 1rem !important;
8648
+ }
8649
+ .pr-xl-3,
8650
+ .px-xl-3 {
8651
+ padding-right: 1rem !important;
8652
+ }
8653
+ .pb-xl-3,
8654
+ .py-xl-3 {
8655
+ padding-bottom: 1rem !important;
8656
+ }
8657
+ .pl-xl-3,
8658
+ .px-xl-3 {
8659
+ padding-left: 1rem !important;
8660
+ }
8661
+ .p-xl-4 {
8662
+ padding: 1.5rem !important;
8663
+ }
8664
+ .pt-xl-4,
8665
+ .py-xl-4 {
8666
+ padding-top: 1.5rem !important;
8667
+ }
8668
+ .pr-xl-4,
8669
+ .px-xl-4 {
8670
+ padding-right: 1.5rem !important;
8671
+ }
8672
+ .pb-xl-4,
8673
+ .py-xl-4 {
8674
+ padding-bottom: 1.5rem !important;
8675
+ }
8676
+ .pl-xl-4,
8677
+ .px-xl-4 {
8678
+ padding-left: 1.5rem !important;
8679
+ }
8680
+ .p-xl-5 {
8681
+ padding: 3rem !important;
8682
+ }
8683
+ .pt-xl-5,
8684
+ .py-xl-5 {
8685
+ padding-top: 3rem !important;
8686
+ }
8687
+ .pr-xl-5,
8688
+ .px-xl-5 {
8689
+ padding-right: 3rem !important;
8690
+ }
8691
+ .pb-xl-5,
8692
+ .py-xl-5 {
8693
+ padding-bottom: 3rem !important;
8694
+ }
8695
+ .pl-xl-5,
8696
+ .px-xl-5 {
8697
+ padding-left: 3rem !important;
8698
+ }
8699
+ .m-xl-auto {
8700
+ margin: auto !important;
8701
+ }
8702
+ .mt-xl-auto,
8703
+ .my-xl-auto {
8704
+ margin-top: auto !important;
8705
+ }
8706
+ .mr-xl-auto,
8707
+ .mx-xl-auto {
8708
+ margin-right: auto !important;
8709
+ }
8710
+ .mb-xl-auto,
8711
+ .my-xl-auto {
8712
+ margin-bottom: auto !important;
8713
+ }
8714
+ .ml-xl-auto,
8715
+ .mx-xl-auto {
8716
+ margin-left: auto !important;
8717
+ }
8718
+ }
8719
+
8720
+ .text-justify {
8721
+ text-align: justify !important;
8722
+ }
8723
+
8724
+ .text-nowrap {
8725
+ white-space: nowrap !important;
8726
+ }
8727
+
8728
+ .text-truncate {
8729
+ overflow: hidden;
8730
+ text-overflow: ellipsis;
8731
+ white-space: nowrap;
8732
+ }
8733
+
8734
+ .text-left {
8735
+ text-align: left !important;
8736
+ }
8737
+
8738
+ .text-right {
8739
+ text-align: right !important;
8740
+ }
8741
+
8742
+ .text-center {
8743
+ text-align: center !important;
8744
+ }
8745
+
8746
+ @media (min-width: 576px) {
8747
+ .text-sm-left {
8748
+ text-align: left !important;
8749
+ }
8750
+ .text-sm-right {
8751
+ text-align: right !important;
8752
+ }
8753
+ .text-sm-center {
8754
+ text-align: center !important;
8755
+ }
8756
+ }
8757
+
8758
+ @media (min-width: 768px) {
8759
+ .text-md-left {
8760
+ text-align: left !important;
8761
+ }
8762
+ .text-md-right {
8763
+ text-align: right !important;
8764
+ }
8765
+ .text-md-center {
8766
+ text-align: center !important;
8767
+ }
8768
+ }
8769
+
8770
+ @media (min-width: 992px) {
8771
+ .text-lg-left {
8772
+ text-align: left !important;
8773
+ }
8774
+ .text-lg-right {
8775
+ text-align: right !important;
8776
+ }
8777
+ .text-lg-center {
8778
+ text-align: center !important;
8779
+ }
8780
+ }
8781
+
8782
+ @media (min-width: 1200px) {
8783
+ .text-xl-left {
8784
+ text-align: left !important;
8785
+ }
8786
+ .text-xl-right {
8787
+ text-align: right !important;
8788
+ }
8789
+ .text-xl-center {
8790
+ text-align: center !important;
8791
+ }
8792
+ }
8793
+
8794
+ .text-lowercase {
8795
+ text-transform: lowercase !important;
8796
+ }
8797
+
8798
+ .text-uppercase {
8799
+ text-transform: uppercase !important;
8800
+ }
8801
+
8802
+ .text-capitalize {
8803
+ text-transform: capitalize !important;
8804
+ }
8805
+
8806
+ .font-weight-light {
8807
+ font-weight: 300 !important;
8808
+ }
8809
+
8810
+ .font-weight-normal {
8811
+ font-weight: 400 !important;
8812
+ }
8813
+
8814
+ .font-weight-bold {
8815
+ font-weight: 700 !important;
8816
+ }
8817
+
8818
+ .font-italic {
8819
+ font-style: italic !important;
8820
+ }
8821
+
8822
+ .text-white {
8823
+ color: #fff !important;
8824
+ }
8825
+
8826
+ .text-primary {
8827
+ color: #007bff !important;
8828
+ }
8829
+
8830
+ a.text-primary:hover, a.text-primary:focus {
8831
+ color: #0062cc !important;
8832
+ }
8833
+
8834
+ .text-secondary {
8835
+ color: #6c757d !important;
8836
+ }
8837
+
8838
+ a.text-secondary:hover, a.text-secondary:focus {
8839
+ color: #545b62 !important;
8840
+ }
8841
+
8842
+ .text-success {
8843
+ color: #28a745 !important;
8844
+ }
8845
+
8846
+ a.text-success:hover, a.text-success:focus {
8847
+ color: #1e7e34 !important;
8848
+ }
8849
+
8850
+ .text-info {
8851
+ color: #17a2b8 !important;
8852
+ }
8853
+
8854
+ a.text-info:hover, a.text-info:focus {
8855
+ color: #117a8b !important;
8856
+ }
8857
+
8858
+ .text-warning {
8859
+ color: #ffc107 !important;
8860
+ }
8861
+
8862
+ a.text-warning:hover, a.text-warning:focus {
8863
+ color: #d39e00 !important;
8864
+ }
8865
+
8866
+ .text-danger {
8867
+ color: #dc3545 !important;
8868
+ }
8869
+
8870
+ a.text-danger:hover, a.text-danger:focus {
8871
+ color: #bd2130 !important;
8872
+ }
8873
+
8874
+ .text-light {
8875
+ color: #f8f9fa !important;
8876
+ }
8877
+
8878
+ a.text-light:hover, a.text-light:focus {
8879
+ color: #dae0e5 !important;
8880
+ }
8881
+
8882
+ .text-dark {
8883
+ color: #343a40 !important;
8884
+ }
8885
+
8886
+ a.text-dark:hover, a.text-dark:focus {
8887
+ color: #1d2124 !important;
8888
+ }
8889
+
8890
+ .text-muted {
8891
+ color: #6c757d !important;
8892
+ }
8893
+
8894
+ .text-hide {
8895
+ font: 0/0 a;
8896
+ color: transparent;
8897
+ text-shadow: none;
8898
+ background-color: transparent;
8899
+ border: 0;
8900
+ }
8901
+
8902
+ .visible {
8903
+ visibility: visible !important;
8904
+ }
8905
+
8906
+ .invisible {
8907
+ visibility: hidden !important;
8908
+ }
8909
+
8910
+ @media print {
8911
+ *,
8912
+ *::before,
8913
+ *::after {
8914
+ text-shadow: none !important;
8915
+ box-shadow: none !important;
8916
+ }
8917
+ a:not(.btn) {
8918
+ text-decoration: underline;
8919
+ }
8920
+ abbr[title]::after {
8921
+ content: " (" attr(title) ")";
8922
+ }
8923
+ pre {
8924
+ white-space: pre-wrap !important;
8925
+ }
8926
+ pre,
8927
+ blockquote {
8928
+ border: 1px solid #999;
8929
+ page-break-inside: avoid;
8930
+ }
8931
+ thead {
8932
+ display: table-header-group;
8933
+ }
8934
+ tr,
8935
+ img {
8936
+ page-break-inside: avoid;
8937
+ }
8938
+ p,
8939
+ h2,
8940
+ h3 {
8941
+ orphans: 3;
8942
+ widows: 3;
8943
+ }
8944
+ h2,
8945
+ h3 {
8946
+ page-break-after: avoid;
8947
+ }
8948
+ @page {
8949
+ size: a3;
8950
+ }
8951
+ body {
8952
+ min-width: 992px !important;
8953
+ }
8954
+ .container {
8955
+ min-width: 992px !important;
8956
+ }
8957
+ .navbar {
8958
+ display: none;
8959
+ }
8960
+ .badge {
8961
+ border: 1px solid #000;
8962
+ }
8963
+ .table {
8964
+ border-collapse: collapse !important;
8965
+ }
8966
+ .table td,
8967
+ .table th {
8968
+ background-color: #fff !important;
8969
+ }
8970
+ .table-bordered th,
8971
+ .table-bordered td {
8972
+ border: 1px solid #ddd !important;
8973
+ }
8974
+ }
8975
+ /*# sourceMappingURL=bootstrap.css.map */
assets/global/js/template-data.json ADDED
@@ -0,0 +1,125 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "container1": {
3
+ "elType": "container",
4
+ "id": "container1",
5
+ "class": "container container1 m-2 p-2",
6
+ "style": {
7
+ "backgroundColor":{
8
+ "576px": "10px",
9
+ "992px": "10px",
10
+ "1200px": "10px"
11
+ },
12
+ "margin": {
13
+ "576px": "10px",
14
+ "992px": "10px",
15
+ "1200px": "10px"
16
+ },
17
+ "padding": {
18
+ "576px": "10px",
19
+ "992px": "10px",
20
+ "1200px": "10px"
21
+ }
22
+ },
23
+ "children": {
24
+ "row1": {
25
+ "elType": "row",
26
+ "id": "row1",
27
+ "class": "row row1 m-2 p-2",
28
+ "style": {
29
+ "backgroundColor":{
30
+ "576px": "10px",
31
+ "992px": "10px",
32
+ "1200px": "10px"
33
+ },
34
+ "margin": {
35
+ "576px": "10px",
36
+ "992px": "10px",
37
+ "1200px": "10px"
38
+ },
39
+ "padding": {
40
+ "576px": "10px",
41
+ "992px": "10px",
42
+ "1200px": "10px"
43
+ }
44
+ },
45
+ "children": {
46
+ "column1": {
47
+ "elType": "column",
48
+ "id": "column1",
49
+ "class": "column column1 m-2 p-2",
50
+ "style": {
51
+ "backgroundColor":{
52
+ "576px": "#fff",
53
+ "992px": "#fff",
54
+ "1200px": "#fff"
55
+ },
56
+ "margin": {
57
+ "576px": "10px",
58
+ "992px": "10px",
59
+ "1200px": "10px"
60
+ },
61
+ "padding": {
62
+ "576px": "10px",
63
+ "992px": "10px",
64
+ "1200px": "10px"
65
+ }
66
+ },
67
+ "children": {
68
+
69
+ }
70
+ },
71
+ "column2": {
72
+ "elType": "column",
73
+ "id": "column2",
74
+ "class": "column column2 m-2 p-2",
75
+ "style": {
76
+ "backgroundColor":{
77
+ "576px": "#fff",
78
+ "992px": "#fff",
79
+ "1200px": "#fff"
80
+ },
81
+ "margin": {
82
+ "576px": "10px",
83
+ "992px": "10px",
84
+ "1200px": "10px"
85
+ },
86
+ "padding": {
87
+ "576px": "10px",
88
+ "992px": "10px",
89
+ "1200px": "10px"
90
+ }
91
+ },
92
+ "children": {
93
+
94
+ }
95
+ },
96
+ "column3": {
97
+ "elType": "column",
98
+ "id": "column3",
99
+ "class": "column column3 m-2 p-2",
100
+ "style": {
101
+ "backgroundColor":{
102
+ "576px": "#fff",
103
+ "992px": "#fff",
104
+ "1200px": "#fff"
105
+ },
106
+ "margin": {
107
+ "576px": "10px",
108
+ "992px": "10px",
109
+ "1200px": "10px"
110
+ },
111
+ "padding": {
112
+ "576px": "10px",
113
+ "992px": "10px",
114
+ "1200px": "10px"
115
+ }
116
+ },
117
+ "children": {
118
+
119
+ }
120
+ }
121
+ }
122
+ }
123
+ }
124
+ }
125
+ }
includes/classes/class-shortcodes.php CHANGED
@@ -7,6 +7,7 @@ class class_post_grid_shortcodes{
7
  public function __construct(){
8
 
9
  add_shortcode( 'post_grid', array( $this, 'post_grid_new_display' ) );
 
10
 
11
  }
12
 
@@ -49,6 +50,47 @@ class class_post_grid_shortcodes{
49
  }
50
 
51
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
 
53
 
54
  }
7
  public function __construct(){
8
 
9
  add_shortcode( 'post_grid', array( $this, 'post_grid_new_display' ) );
10
+ add_shortcode( 'post_grid_layout_builder', array( $this, 'post_grid_layout_builder' ) );
11
 
12
  }
13
 
50
  }
51
 
52
 
53
+ public function post_grid_layout_builder($atts, $content = null ){
54
+
55
+ $atts = shortcode_atts(
56
+ array(
57
+ 'id' => "",
58
+ ),
59
+ $atts
60
+ );
61
+
62
+ $atts = apply_filters('post_grid_atts',$atts);
63
+
64
+ $grid_id = $atts['id'];
65
+
66
+
67
+
68
+
69
+ //wp_reset_postdata();
70
+
71
+ ob_start();
72
+
73
+ do_action('post_grid_layout_builder', $atts);
74
+
75
+
76
+
77
+
78
+ return ob_get_clean();
79
+
80
+
81
+ }
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
92
+
93
+
94
 
95
 
96
  }
includes/functions-data-upgrade.php CHANGED
@@ -1235,13 +1235,30 @@ function post_grid_layout_css($layout){
1235
  add_shortcode('post_grid_import_xml_layouts', 'post_grid_import_xml_layouts');
1236
 
1237
  function post_grid_import_xml_layouts(){
 
1238
 
1239
  $response = array();
1240
  $user_id = get_current_user_id();
1241
  $source = sanitize_text_field($_POST['source']);
 
 
1242
  //$xml_source = 'http://localhost/wp/wp-content/plugins/post-grid/sample-data/post-grid-layouts.json';
1243
 
1244
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1245
 
1246
 
1247
  $json_obj = file_get_contents($source);
@@ -1300,7 +1317,6 @@ function post_grid_import_xml_layouts(){
1300
 
1301
  $response['success'] = __('Import done','post-grid');
1302
 
1303
- $post_grid_info = get_option('post_grid_info');
1304
 
1305
  if(strpos($source, 'post-grid-pro')){
1306
  $post_grid_info['import_pro_layouts'] = 'done';
1235
  add_shortcode('post_grid_import_xml_layouts', 'post_grid_import_xml_layouts');
1236
 
1237
  function post_grid_import_xml_layouts(){
1238
+ $post_grid_info = get_option('post_grid_info');
1239
 
1240
  $response = array();
1241
  $user_id = get_current_user_id();
1242
  $source = sanitize_text_field($_POST['source']);
1243
+ $skip = sanitize_text_field($_POST['skip']);
1244
+
1245
  //$xml_source = 'http://localhost/wp/wp-content/plugins/post-grid/sample-data/post-grid-layouts.json';
1246
 
1247
 
1248
+ if($skip == 'yes'){
1249
+
1250
+ if(strpos($source, 'post-grid-pro')){
1251
+ $post_grid_info['import_pro_layouts'] = 'done';
1252
+ }else{
1253
+ $post_grid_info['import_layouts'] = 'done';
1254
+ }
1255
+
1256
+ $response['skip_success'] = __('Import skipped','post-grid');
1257
+ update_option('post_grid_info', $post_grid_info);
1258
+
1259
+ echo json_encode($response);
1260
+ die();
1261
+ }
1262
 
1263
 
1264
  $json_obj = file_get_contents($source);
1317
 
1318
  $response['success'] = __('Import done','post-grid');
1319
 
 
1320
 
1321
  if(strpos($source, 'post-grid-pro')){
1322
  $post_grid_info['import_pro_layouts'] = 'done';
includes/functions.php CHANGED
@@ -3,7 +3,6 @@ if ( ! defined('ABSPATH')) exit; // if direct access
3
 
4
 
5
 
6
-
7
  function post_grid_get_first_post($post_type = 'post'){
8
 
9
  $args = array(
@@ -474,6 +473,8 @@ function post_grid_media($post_id, $args ){
474
 
475
  $html_thumb = '';
476
 
 
 
477
 
478
  if($source_id == 'featured_image'){
479
 
@@ -634,10 +635,14 @@ function post_grid_media($post_id, $args ){
634
  }
635
 
636
 
 
 
637
  }
638
 
639
 
 
640
 
 
641
 
642
  return $html_thumb;
643
 
3
 
4
 
5
 
 
6
  function post_grid_get_first_post($post_type = 'post'){
7
 
8
  $args = array(
473
 
474
  $html_thumb = '';
475
 
476
+ ob_start();
477
+
478
 
479
  if($source_id == 'featured_image'){
480
 
635
  }
636
 
637
 
638
+ }else{
639
+ do_action('post_grid_media', $post_id, $args);
640
  }
641
 
642
 
643
+ echo $html_thumb;
644
 
645
+ $html_thumb = ob_get_clean();
646
 
647
  return $html_thumb;
648
 
includes/layout-elements/3rd-party.php CHANGED
@@ -90,7 +90,10 @@ if ( is_plugin_active( 'simple-job-board/simple-job-board.php' ) ) {
90
  require_once( post_grid_plugin_dir . 'includes/layout-elements/simple-job-board/layout-elements.php');
91
  }
92
 
 
93
 
 
 
94
 
95
 
96
 
90
  require_once( post_grid_plugin_dir . 'includes/layout-elements/simple-job-board/layout-elements.php');
91
  }
92
 
93
+ if ( is_plugin_active( 'site-reviews/site-reviews.php' ) ) {
94
 
95
+ require_once( post_grid_plugin_dir . 'includes/layout-elements/site-reviews/layout-elements.php');
96
+ }
97
 
98
 
99
 
includes/layout-elements/site-reviews/layout-elements.php ADDED
@@ -0,0 +1,266 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ if ( ! defined('ABSPATH')) exit; // if direct access
3
+
4
+
5
+ add_filter('post_grid_layout_elements','post_grid_pro_site_reviews_layout_elements');
6
+
7
+ function post_grid_pro_site_reviews_layout_elements($elements_group){
8
+
9
+ $elements_group['star_rating']['items']['site_reviews_summary'] = array('name' =>__('Site Reviews - summary','post-grid'));
10
+
11
+ return $elements_group;
12
+ }
13
+
14
+
15
+ add_action('post_grid_layout_element_option_site_reviews_summary','post_grid_layout_element_option_site_reviews_summary');
16
+ function post_grid_layout_element_option_site_reviews_summary($parameters){
17
+
18
+ $settings_tabs_field = new settings_tabs_field();
19
+
20
+ $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
21
+ $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
22
+ $element_index = isset($parameters['index']) ? $parameters['index'] : '';
23
+
24
+ $hide = isset($element_data['hide']) ? $element_data['hide'] : '';
25
+ $class = isset($element_data['class']) ? $element_data['class'] : '';
26
+
27
+ $color = isset($element_data['color']) ? $element_data['color'] : '';
28
+ $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
29
+ $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
30
+ $text_align = isset($element_data['text_align']) ? $element_data['text_align'] : '';
31
+
32
+ $css = isset($element_data['css']) ? $element_data['css'] : '';
33
+ $css_hover = isset($element_data['css_hover']) ? $element_data['css_hover'] : '';
34
+
35
+
36
+
37
+ ?>
38
+ <div class="item">
39
+ <div class="element-title header ">
40
+ <span class="remove" onclick="jQuery(this).parent().parent().remove()"><i class="fas fa-times"></i></span>
41
+ <span class="sort"><i class="fas fa-sort"></i></span>
42
+
43
+ <span class="expand"><?php echo __('Site Reviews - summary','post-grid'); ?></span>
44
+ </div>
45
+ <div class="element-options options">
46
+
47
+ <?php
48
+
49
+ $args = array(
50
+ 'id' => 'hide',
51
+ 'css_id' => $element_index.'_hide',
52
+ 'parent' => $input_name.'[site_reviews_summary]',
53
+ 'title' => __('Hide','post-grid'),
54
+ 'details' => __('Hide elements, ex: rating,stars,summary,bars,if_empty','post-grid'),
55
+ 'type' => 'text',
56
+ 'value' => $hide,
57
+ 'default' => '',
58
+ 'placeholder' => 'stars,summary,bars,if_empty',
59
+ );
60
+
61
+ $settings_tabs_field->generate_field($args);
62
+
63
+ $args = array(
64
+ 'id' => 'class',
65
+ 'css_id' => $element_index.'_class',
66
+ 'parent' => $input_name.'[site_reviews_summary]',
67
+ 'title' => __('Reviews Class','post-grid'),
68
+ 'details' => __('Add custom reviews class','post-grid'),
69
+ 'type' => 'text',
70
+ 'value' => $class,
71
+ 'default' => '',
72
+ 'placeholder' => '',
73
+ );
74
+
75
+ $settings_tabs_field->generate_field($args);
76
+
77
+
78
+ $args = array(
79
+ 'id' => 'color',
80
+ 'css_id' => $element_index.'_color',
81
+ 'parent' => $input_name.'[site_reviews_summary]',
82
+ 'title' => __('Color','post-grid'),
83
+ 'details' => __('Title text color.','post-grid'),
84
+ 'type' => 'colorpicker',
85
+ 'value' => $color,
86
+ 'default' => '',
87
+ );
88
+
89
+ $settings_tabs_field->generate_field($args);
90
+
91
+ $args = array(
92
+ 'id' => 'font_size',
93
+ 'css_id' => $element_index.'_font_size',
94
+ 'parent' => $input_name.'[site_reviews_summary]',
95
+ 'title' => __('Font size','post-grid'),
96
+ 'details' => __('Set font size.','post-grid'),
97
+ 'type' => 'text',
98
+ 'value' => $font_size,
99
+ 'default' => '',
100
+ 'placeholder' => '14px',
101
+ );
102
+
103
+ $settings_tabs_field->generate_field($args);
104
+
105
+
106
+
107
+ $args = array(
108
+ 'id' => 'margin',
109
+ 'css_id' => $element_index.'_margin',
110
+ 'parent' => $input_name.'[site_reviews_summary]',
111
+ 'title' => __('Margin','post-grid'),
112
+ 'details' => __('Set margin.','post-grid'),
113
+ 'type' => 'text',
114
+ 'value' => $margin,
115
+ 'default' => '',
116
+ 'placeholder' => '5px 0',
117
+ );
118
+
119
+ $settings_tabs_field->generate_field($args);
120
+
121
+
122
+ $args = array(
123
+ 'id' => 'text_align',
124
+ 'css_id' => $element_index.'_text_align',
125
+ 'parent' => $input_name.'[site_reviews_summary]',
126
+ 'title' => __('Text align','post-grid'),
127
+ 'details' => __('Choose text align.','post-grid'),
128
+ 'type' => 'select',
129
+ 'value' => $text_align,
130
+ 'default' => 'left',
131
+ 'args' => array('left'=> __('Left', 'post-grid'),'right'=> __('Right', 'post-grid'),'center'=> __('Center', 'post-grid') ),
132
+ );
133
+
134
+ $settings_tabs_field->generate_field($args);
135
+
136
+
137
+ $args = array(
138
+ 'id' => 'css',
139
+ 'css_id' => $element_index.'_css',
140
+ 'parent' => $input_name.'[site_reviews_summary]',
141
+ 'title' => __('Custom CSS','post-grid'),
142
+ 'details' => __('Set csutom CSS.','post-grid'),
143
+ 'type' => 'textarea',
144
+ 'value' => $css,
145
+ 'default' => '',
146
+ 'placeholder' => '',
147
+ );
148
+
149
+ $settings_tabs_field->generate_field($args);
150
+
151
+ $args = array(
152
+ 'id' => 'css_hover',
153
+ 'css_id' => $element_index.'_css_hover',
154
+ 'parent' => $input_name.'[site_reviews_summary]',
155
+ 'title' => __('Hover CSS','post-grid'),
156
+ 'details' => __('Set hover custom CSS.','post-grid'),
157
+ 'type' => 'textarea',
158
+ 'value' => $css_hover,
159
+ 'default' => '',
160
+ 'placeholder' => '',
161
+ );
162
+
163
+ $settings_tabs_field->generate_field($args);
164
+
165
+
166
+ ob_start();
167
+ ?>
168
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}</textarea>
169
+ <?php
170
+
171
+ $html = ob_get_clean();
172
+
173
+ $args = array(
174
+ 'id' => 'use_css',
175
+ 'title' => __('Use of CSS','post-grid'),
176
+ 'details' => __('Use following class selector to add custom CSS for this element.','post-grid'),
177
+ 'type' => 'custom_html',
178
+ 'html' => $html,
179
+
180
+ );
181
+
182
+ $settings_tabs_field->generate_field($args);
183
+
184
+ ?>
185
+
186
+ </div>
187
+ </div>
188
+ <?php
189
+
190
+ }
191
+
192
+
193
+
194
+ add_action('post_grid_layout_element_site_reviews_summary', 'post_grid_layout_element_site_reviews_summary');
195
+ function post_grid_layout_element_site_reviews_summary($args){
196
+
197
+ $element = isset($args['element']) ? $args['element'] : array();
198
+ $elementIndex = isset($args['index']) ? $args['index'] : '';
199
+ $post_id = isset($args['post_id']) ? $args['post_id'] : '';
200
+
201
+ if(empty($post_id)) return;
202
+
203
+ $title = get_the_title($post_id);
204
+
205
+ $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
206
+ $hide = isset($element['hide']) ? $element['hide'] : 'summary,bars,if_empty';
207
+ $class = isset($element['class']) ? $element['class'] : '';
208
+
209
+
210
+ // if(!empty($acf_value)):
211
+
212
+ ?>
213
+ <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> site_reviews_summary ">
214
+ <?php echo do_shortcode("[site_reviews_summary hide='".$hide."' class='".$class."' assigned_to='post_id' ]"); ?>
215
+ </div>
216
+ <?php
217
+ // endif;
218
+
219
+ }
220
+
221
+
222
+
223
+ add_action('post_grid_layout_element_css_site_reviews_summary', 'post_grid_layout_element_css_site_reviews_summary', 10);
224
+ function post_grid_layout_element_css_site_reviews_summary($args){
225
+
226
+
227
+ $index = isset($args['index']) ? $args['index'] : '';
228
+ $element = isset($args['element']) ? $args['element'] : array();
229
+ $layout_id = isset($args['layout_id']) ? $args['layout_id'] : '';
230
+
231
+ $color = isset($element['color']) ? $element['color'] : '';
232
+ $font_size = isset($element['font_size']) ? $element['font_size'] : '';
233
+ $margin = isset($element['margin']) ? $element['margin'] : '';
234
+ $text_align = isset($element['text_align']) ? $element['text_align'] : 'left';
235
+
236
+ $css = isset($element['css']) ? $element['css'] : '';
237
+ $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
238
+
239
+ ?>
240
+ <style type="text/css">
241
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
242
+ <?php if(!empty($color)): ?>
243
+ color: <?php echo $color; ?>;
244
+ <?php endif; ?>
245
+ <?php if(!empty($font_size)): ?>
246
+ font-size: <?php echo $font_size; ?>;
247
+ <?php endif; ?>
248
+
249
+ <?php if(!empty($margin)): ?>
250
+ margin: <?php echo $margin; ?>;
251
+ <?php endif; ?>
252
+ <?php if(!empty($text_align)): ?>
253
+ text-align: <?php echo $text_align; ?>;
254
+ <?php endif; ?>
255
+ <?php if(!empty($css)): ?>
256
+ <?php echo $css; ?>
257
+ <?php endif; ?>
258
+ }
259
+ <?php if(!empty($css_hover)): ?>
260
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
261
+ <?php echo $css_hover; ?>
262
+ }
263
+ <?php endif; ?>
264
+ </style>
265
+ <?php
266
+ }
includes/metabox-post-options-hook.php CHANGED
@@ -27,7 +27,7 @@ function post_grid_post_options_content_options($tab, $post_id){
27
  $post_grid_post_settings = get_post_meta($post_id, 'post_grid_post_settings', true);
28
 
29
  $post_skin = !empty($post_grid_post_settings['post_skin']) ? $post_grid_post_settings['post_skin'] : 'flat';
30
- $custom_thumb_source = !empty($post_grid_post_settings['custom_thumb_source']) ? $post_grid_post_settings['custom_thumb_source'] : post_grid_plugin_url.'assets/frontend/images/placeholder.png';
31
  $thumb_custom_url = !empty($post_grid_post_settings['thumb_custom_url']) ? $post_grid_post_settings['thumb_custom_url'] : '';
32
 
33
 
27
  $post_grid_post_settings = get_post_meta($post_id, 'post_grid_post_settings', true);
28
 
29
  $post_skin = !empty($post_grid_post_settings['post_skin']) ? $post_grid_post_settings['post_skin'] : 'flat';
30
+ $custom_thumb_source = !empty($post_grid_post_settings['custom_thumb_source']) ? $post_grid_post_settings['custom_thumb_source'] : '';
31
  $thumb_custom_url = !empty($post_grid_post_settings['thumb_custom_url']) ? $post_grid_post_settings['thumb_custom_url'] : '';
32
 
33
 
includes/post-grid-layout-elements.php CHANGED
@@ -284,6 +284,7 @@ function post_grid_layout_element_option_custom_text($parameters){
284
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
285
 
286
  $text = isset($element_data['text']) ? $element_data['text'] : '';
 
287
 
288
  $color = isset($element_data['color']) ? $element_data['color'] : '';
289
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
@@ -308,6 +309,21 @@ function post_grid_layout_element_option_custom_text($parameters){
308
 
309
  <?php
310
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
311
  $args = array(
312
  'id' => 'text',
313
  'css_id' => $element_index.'_text',
@@ -533,6 +549,7 @@ function post_grid_layout_element_option_title($parameters){
533
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
534
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
535
 
 
536
 
537
  $color = isset($element_data['color']) ? $element_data['color'] : '';
538
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
@@ -561,6 +578,21 @@ function post_grid_layout_element_option_title($parameters){
561
 
562
  <?php
563
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
564
  $args = array(
565
  'id' => 'link_to',
566
  'css_id' => $element_index.'_link_to',
@@ -749,6 +781,7 @@ function post_grid_layout_element_option_title($parameters){
749
  }
750
 
751
 
 
752
  add_action('post_grid_layout_element_title', 'post_grid_layout_element_title');
753
 
754
  function post_grid_layout_element_title($args){
@@ -868,6 +901,7 @@ function post_grid_layout_element_option_title_link($parameters){
868
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
869
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
870
 
 
871
 
872
  $color = isset($element_data['color']) ? $element_data['color'] : '';
873
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
@@ -896,6 +930,19 @@ function post_grid_layout_element_option_title_link($parameters){
896
 
897
  <?php
898
 
 
 
 
 
 
 
 
 
 
 
 
 
 
899
 
900
  $args = array(
901
  'id' => 'link_to',
@@ -1199,6 +1246,7 @@ function post_grid_layout_element_option_content($parameters){
1199
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
1200
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
1201
 
 
1202
 
1203
  $font_family = isset($element_data['font_family']) ? $element_data['font_family'] : '';
1204
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
@@ -1219,6 +1267,19 @@ function post_grid_layout_element_option_content($parameters){
1219
 
1220
  <?php
1221
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1222
 
1223
  $args = array(
1224
  'id' => 'font_family',
@@ -1367,6 +1428,8 @@ function post_grid_layout_element_option_excerpt($parameters){
1367
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
1368
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
1369
 
 
 
1370
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
1371
  $font_family = isset($element_data['font_family']) ? $element_data['font_family'] : '';
1372
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
@@ -1374,6 +1437,8 @@ function post_grid_layout_element_option_excerpt($parameters){
1374
  $text_align = isset($element_data['text_align']) ? $element_data['text_align'] : '';
1375
 
1376
  $excerpt_source = isset($element_data['excerpt_source']) ? $element_data['excerpt_source'] : '';
 
 
1377
 
1378
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
1379
  $char_limit = isset($element_data['char_limit']) ? $element_data['char_limit'] : 0;
@@ -1395,6 +1460,20 @@ function post_grid_layout_element_option_excerpt($parameters){
1395
 
1396
  <?php
1397
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1398
  $args = array(
1399
  'id' => 'excerpt_source',
1400
  'css_id' => $element_index.'_excerpt_source',
@@ -1429,6 +1508,45 @@ function post_grid_layout_element_option_excerpt($parameters){
1429
 
1430
  $settings_tabs_field->generate_field($args);
1431
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1432
  $args = array(
1433
  'id' => 'read_more_text',
1434
  'css_id' => $element_index.'_read_more_text',
@@ -1734,6 +1852,7 @@ function post_grid_layout_element_option_excerpt_read_more($parameters){
1734
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
1735
 
1736
  $excerpt_source = isset($element_data['excerpt_source']) ? $element_data['excerpt_source'] : '';
 
1737
 
1738
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
1739
  $char_limit = isset($element_data['char_limit']) ? $element_data['char_limit'] : 0;
@@ -1762,10 +1881,25 @@ function post_grid_layout_element_option_excerpt_read_more($parameters){
1762
 
1763
  <?php
1764
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1765
  $args = array(
1766
  'id' => 'excerpt_source',
1767
  'css_id' => $element_index.'_excerpt_source',
1768
- 'parent' => $input_name.'[excerpt]',
1769
  'title' => __('Excerpt source','post-grid'),
1770
  'details' => __('Choose excerpt source.','post-grid'),
1771
  'type' => 'select',
@@ -2085,6 +2219,7 @@ function post_grid_layout_element_option_read_more($parameters){
2085
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
2086
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
2087
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
2088
 
2089
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
2090
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
@@ -2115,6 +2250,21 @@ function post_grid_layout_element_option_read_more($parameters){
2115
 
2116
  <?php
2117
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2118
  $args = array(
2119
  'id' => 'read_more_text',
2120
  'css_id' => $element_index.'_read_more_text',
@@ -2391,6 +2541,7 @@ function post_grid_layout_element_option_media($parameters){
2391
  $media_source = isset($element_data['media_source']) ? $element_data['media_source'] : array();
2392
  $padding = isset($element_data['padding']) ? $element_data['padding'] : '';
2393
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
 
2394
 
2395
  $css = isset($element_data['css']) ? $element_data['css'] : '';
2396
  $css_hover = isset($element_data['css_hover']) ? $element_data['css_hover'] : '';
@@ -2402,7 +2553,6 @@ function post_grid_layout_element_option_media($parameters){
2402
  'first_image'=>__('First images from content','post-grid'),
2403
  'empty_thumb'=>__('Empty thumbnail','post-grid'),
2404
  'siteorigin_first_image'=>__('SiteOrigin first image','post-grid'),
2405
-
2406
  )
2407
  );
2408
 
@@ -2417,6 +2567,22 @@ function post_grid_layout_element_option_media($parameters){
2417
  <div class="element-options options">
2418
  <?php
2419
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2420
  ob_start();
2421
 
2422
  if(!empty($media_sources_list)){
@@ -2835,6 +3001,7 @@ function post_grid_layout_element_option_thumb($parameters){
2835
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
2836
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
2837
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
2838
 
2839
  $thumb_size = isset($element_data['thumb_size']) ? $element_data['thumb_size'] : '';
2840
  $default_thumb_src = isset($element_data['default_thumb_src']) ? $element_data['default_thumb_src'] : '';
@@ -2865,6 +3032,21 @@ function post_grid_layout_element_option_thumb($parameters){
2865
 
2866
  <?php
2867
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2868
  $thumbnail_sizes = array();
2869
  $thumbnail_sizes['full'] = __('Full', '');
2870
  $get_intermediate_image_sizes = get_intermediate_image_sizes();
@@ -3176,6 +3358,7 @@ function post_grid_layout_element_option_thumb_link($parameters){
3176
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
3177
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
3178
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
3179
 
3180
  $thumb_size = isset($element_data['thumb_size']) ? $element_data['thumb_size'] : '';
3181
  $default_thumb_src = isset($element_data['default_thumb_src']) ? $element_data['default_thumb_src'] : '';
@@ -3206,6 +3389,20 @@ function post_grid_layout_element_option_thumb_link($parameters){
3206
 
3207
  <?php
3208
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3209
  $thumbnail_sizes = array();
3210
  $thumbnail_sizes['full'] = __('Full', '');
3211
  $get_intermediate_image_sizes = get_intermediate_image_sizes();
@@ -3522,6 +3719,7 @@ function post_grid_layout_element_option_post_date($parameters){
3522
 
3523
  $date_format = isset($element_data['date_format']) ? $element_data['date_format'] : '';
3524
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
 
3525
 
3526
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
3527
 
@@ -3547,6 +3745,21 @@ function post_grid_layout_element_option_post_date($parameters){
3547
 
3548
  <?php
3549
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3550
  $args = array(
3551
  'id' => 'date_format',
3552
  'css_id' => $element_index.'_background_colorpost_date',
@@ -3834,6 +4047,7 @@ function post_grid_layout_element_option_author($parameters){
3834
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
3835
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
3836
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
3837
 
3838
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
3839
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
@@ -3858,6 +4072,19 @@ function post_grid_layout_element_option_author($parameters){
3858
 
3859
  <?php
3860
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3861
 
3862
  $args = array(
3863
  'id' => 'link_to',
@@ -4127,6 +4354,7 @@ function post_grid_layout_element_option_author_link($parameters){
4127
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
4128
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
4129
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
4130
 
4131
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
4132
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
@@ -4152,6 +4380,21 @@ function post_grid_layout_element_option_author_link($parameters){
4152
 
4153
  <?php
4154
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4155
  $args = array(
4156
  'id' => 'link_to',
4157
  'css_id' => $element_index.'_link_to',
@@ -4413,6 +4656,7 @@ function post_grid_layout_element_option_categories($parameters){
4413
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
4414
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
4415
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
4416
 
4417
  $max_count = isset($element_data['max_count']) ? $element_data['max_count'] : '';
4418
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
@@ -4444,6 +4688,22 @@ function post_grid_layout_element_option_categories($parameters){
4444
 
4445
  <?php
4446
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4447
  $args = array(
4448
  'id' => 'max_count',
4449
  'parent' => $input_name.'[categories]',
@@ -4755,6 +5015,7 @@ function post_grid_layout_element_option_tags($parameters){
4755
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
4756
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
4757
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
4758
 
4759
  $max_count = isset($element_data['max_count']) ? $element_data['max_count'] : '';
4760
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
@@ -4782,7 +5043,19 @@ function post_grid_layout_element_option_tags($parameters){
4782
  <div class="element-options options">
4783
 
4784
  <?php
 
 
 
 
 
 
 
 
 
 
 
4785
 
 
4786
 
4787
  $args = array(
4788
  'id' => 'max_count',
@@ -5059,6 +5332,7 @@ function post_grid_layout_element_option_comments_count($parameters){
5059
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
5060
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5061
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
5062
 
5063
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
5064
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
@@ -5082,6 +5356,21 @@ function post_grid_layout_element_option_comments_count($parameters){
5082
 
5083
  <?php
5084
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5085
  $args = array(
5086
  'id' => 'wrapper_html',
5087
  'css_id' => $element_index.'_wrapper_html',
@@ -5333,6 +5622,7 @@ function post_grid_layout_element_option_share_button($parameters){
5333
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
5334
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5335
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
5336
 
5337
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
5338
  $icon_color = isset($element_data['icon_color']) ? $element_data['icon_color'] : '';
@@ -5354,8 +5644,19 @@ function post_grid_layout_element_option_share_button($parameters){
5354
  <?php
5355
 
5356
 
 
 
 
 
 
 
 
 
 
 
 
5357
 
5358
-
5359
 
5360
 
5361
  $args = array(
@@ -5567,6 +5868,7 @@ function post_grid_layout_element_option_hr($parameters){
5567
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
5568
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5569
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
 
5570
 
5571
  $background_color = isset($element_data['background_color']) ? $element_data['background_color'] : '';
5572
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
@@ -5587,8 +5889,19 @@ function post_grid_layout_element_option_hr($parameters){
5587
 
5588
  <?php
5589
 
 
 
 
 
 
 
 
 
 
 
 
5590
 
5591
-
5592
 
5593
  $args = array(
5594
  'id' => 'background_color',
@@ -5760,6 +6073,7 @@ function post_grid_layout_element_option_five_star($parameters){
5760
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5761
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
5762
 
 
5763
 
5764
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
5765
  $color = isset($element_data['color']) ? $element_data['color'] : '';
@@ -5782,8 +6096,19 @@ function post_grid_layout_element_option_five_star($parameters){
5782
 
5783
  <?php
5784
 
 
 
 
 
 
 
 
 
 
 
 
5785
 
5786
-
5787
  $args = array(
5788
  'id' => 'color',
5789
  'css_id' => $element_index.'_color',
284
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
285
 
286
  $text = isset($element_data['text']) ? $element_data['text'] : '';
287
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
288
 
289
  $color = isset($element_data['color']) ? $element_data['color'] : '';
290
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
309
 
310
  <?php
311
 
312
+ $args = array(
313
+ 'id' => 'custom_class',
314
+ 'css_id' => $element_index.'_custom_class',
315
+ 'parent' => $input_name.'[custom_text]',
316
+ 'title' => __('Wrapper custom class','post-grid'),
317
+ 'details' => __('Set custom class.','post-grid'),
318
+ 'type' => 'text',
319
+ 'value' => $custom_class,
320
+ 'default' => '',
321
+ 'placeholder' => 'css-class',
322
+ );
323
+
324
+ $settings_tabs_field->generate_field($args);
325
+
326
+
327
  $args = array(
328
  'id' => 'text',
329
  'css_id' => $element_index.'_text',
549
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
550
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
551
 
552
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
553
 
554
  $color = isset($element_data['color']) ? $element_data['color'] : '';
555
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
578
 
579
  <?php
580
 
581
+ $args = array(
582
+ 'id' => 'custom_class',
583
+ 'css_id' => $element_index.'_custom_class',
584
+ 'parent' => $input_name.'[title]',
585
+ 'title' => __('Wrapper custom class','post-grid'),
586
+ 'details' => __('Set custom class.','post-grid'),
587
+ 'type' => 'text',
588
+ 'value' => $custom_class,
589
+ 'default' => '',
590
+ 'placeholder' => 'css-class',
591
+ );
592
+
593
+ $settings_tabs_field->generate_field($args);
594
+
595
+
596
  $args = array(
597
  'id' => 'link_to',
598
  'css_id' => $element_index.'_link_to',
781
  }
782
 
783
 
784
+
785
  add_action('post_grid_layout_element_title', 'post_grid_layout_element_title');
786
 
787
  function post_grid_layout_element_title($args){
901
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
902
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
903
 
904
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
905
 
906
  $color = isset($element_data['color']) ? $element_data['color'] : '';
907
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
930
 
931
  <?php
932
 
933
+ $args = array(
934
+ 'id' => 'custom_class',
935
+ 'css_id' => $element_index.'_custom_class',
936
+ 'parent' => $input_name.'[title_link]',
937
+ 'title' => __('Wrapper custom class','post-grid'),
938
+ 'details' => __('Set custom class.','post-grid'),
939
+ 'type' => 'text',
940
+ 'value' => $custom_class,
941
+ 'default' => '',
942
+ 'placeholder' => 'css-class',
943
+ );
944
+
945
+ $settings_tabs_field->generate_field($args);
946
 
947
  $args = array(
948
  'id' => 'link_to',
1246
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
1247
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
1248
 
1249
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
1250
 
1251
  $font_family = isset($element_data['font_family']) ? $element_data['font_family'] : '';
1252
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
1267
 
1268
  <?php
1269
 
1270
+ $args = array(
1271
+ 'id' => 'custom_class',
1272
+ 'css_id' => $element_index.'_custom_class',
1273
+ 'parent' => $input_name.'[content]',
1274
+ 'title' => __('Wrapper custom class','post-grid'),
1275
+ 'details' => __('Set custom class.','post-grid'),
1276
+ 'type' => 'text',
1277
+ 'value' => $custom_class,
1278
+ 'default' => '',
1279
+ 'placeholder' => 'css-class',
1280
+ );
1281
+
1282
+ $settings_tabs_field->generate_field($args);
1283
 
1284
  $args = array(
1285
  'id' => 'font_family',
1428
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
1429
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
1430
 
1431
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
1432
+
1433
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
1434
  $font_family = isset($element_data['font_family']) ? $element_data['font_family'] : '';
1435
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
1437
  $text_align = isset($element_data['text_align']) ? $element_data['text_align'] : '';
1438
 
1439
  $excerpt_source = isset($element_data['excerpt_source']) ? $element_data['excerpt_source'] : '';
1440
+ // $remove_html = isset($element_data['remove_html']) ? $element_data['remove_html'] : '';
1441
+ // $remove_shortcodes = isset($element_data['remove_shortcodes']) ? $element_data['remove_shortcodes'] : '';
1442
 
1443
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
1444
  $char_limit = isset($element_data['char_limit']) ? $element_data['char_limit'] : 0;
1460
 
1461
  <?php
1462
 
1463
+ $args = array(
1464
+ 'id' => 'custom_class',
1465
+ 'css_id' => $element_index.'_custom_class',
1466
+ 'parent' => $input_name.'[excerpt]',
1467
+ 'title' => __('Wrapper custom class','post-grid'),
1468
+ 'details' => __('Set custom class.','post-grid'),
1469
+ 'type' => 'text',
1470
+ 'value' => $custom_class,
1471
+ 'default' => '',
1472
+ 'placeholder' => 'css-class',
1473
+ );
1474
+
1475
+ $settings_tabs_field->generate_field($args);
1476
+
1477
  $args = array(
1478
  'id' => 'excerpt_source',
1479
  'css_id' => $element_index.'_excerpt_source',
1508
 
1509
  $settings_tabs_field->generate_field($args);
1510
 
1511
+ //
1512
+ // $args = array(
1513
+ // 'id' => 'remove_html',
1514
+ // 'css_id' => $element_index.'_remove_html',
1515
+ // 'parent' => $input_name.'[excerpt]',
1516
+ // 'title' => __('Remove HTML','post-grid'),
1517
+ // 'details' => __('Choose option to remove html on excerpt.','post-grid'),
1518
+ // 'type' => 'select',
1519
+ // 'value' => $remove_html,
1520
+ // 'default' => 'yes',
1521
+ // 'args' => array(
1522
+ // 'yes'=> __('Yes', 'post-grid'),
1523
+ // 'no'=> __('No', 'post-grid'),
1524
+ //
1525
+ //
1526
+ // ),
1527
+ // );
1528
+ //
1529
+ // $settings_tabs_field->generate_field($args);
1530
+ //
1531
+ //
1532
+ // $args = array(
1533
+ // 'id' => 'remove_shortcodes',
1534
+ // 'css_id' => $element_index.'_remove_shortcodes',
1535
+ // 'parent' => $input_name.'[excerpt]',
1536
+ // 'title' => __('Remove shortcodes','post-grid'),
1537
+ // 'details' => __('Choose option to remove shortcodes on excerpt.','post-grid'),
1538
+ // 'type' => 'select',
1539
+ // 'value' => $remove_shortcodes,
1540
+ // 'default' => 'yes',
1541
+ // 'args' => array(
1542
+ // 'yes'=> __('Yes', 'post-grid'),
1543
+ // 'no'=> __('No', 'post-grid'),
1544
+ // ),
1545
+ // );
1546
+ //
1547
+ // $settings_tabs_field->generate_field($args);
1548
+
1549
+
1550
  $args = array(
1551
  'id' => 'read_more_text',
1552
  'css_id' => $element_index.'_read_more_text',
1852
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
1853
 
1854
  $excerpt_source = isset($element_data['excerpt_source']) ? $element_data['excerpt_source'] : '';
1855
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
1856
 
1857
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
1858
  $char_limit = isset($element_data['char_limit']) ? $element_data['char_limit'] : 0;
1881
 
1882
  <?php
1883
 
1884
+ $args = array(
1885
+ 'id' => 'custom_class',
1886
+ 'css_id' => $element_index.'_custom_class',
1887
+ 'parent' => $input_name.'[excerpt_read_more]',
1888
+ 'title' => __('Wrapper custom class','post-grid'),
1889
+ 'details' => __('Set custom class.','post-grid'),
1890
+ 'type' => 'text',
1891
+ 'value' => $custom_class,
1892
+ 'default' => '',
1893
+ 'placeholder' => 'css-class',
1894
+ );
1895
+
1896
+ $settings_tabs_field->generate_field($args);
1897
+
1898
+
1899
  $args = array(
1900
  'id' => 'excerpt_source',
1901
  'css_id' => $element_index.'_excerpt_source',
1902
+ 'parent' => $input_name.'[excerpt_read_more]',
1903
  'title' => __('Excerpt source','post-grid'),
1904
  'details' => __('Choose excerpt source.','post-grid'),
1905
  'type' => 'select',
2219
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
2220
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
2221
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
2222
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
2223
 
2224
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
2225
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
2250
 
2251
  <?php
2252
 
2253
+ $args = array(
2254
+ 'id' => 'custom_class',
2255
+ 'css_id' => $element_index.'_custom_class',
2256
+ 'parent' => $input_name.'[read_more]',
2257
+ 'title' => __('Wrapper custom class','post-grid'),
2258
+ 'details' => __('Set custom class.','post-grid'),
2259
+ 'type' => 'text',
2260
+ 'value' => $custom_class,
2261
+ 'default' => '',
2262
+ 'placeholder' => 'css-class',
2263
+ );
2264
+
2265
+ $settings_tabs_field->generate_field($args);
2266
+
2267
+
2268
  $args = array(
2269
  'id' => 'read_more_text',
2270
  'css_id' => $element_index.'_read_more_text',
2541
  $media_source = isset($element_data['media_source']) ? $element_data['media_source'] : array();
2542
  $padding = isset($element_data['padding']) ? $element_data['padding'] : '';
2543
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
2544
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
2545
 
2546
  $css = isset($element_data['css']) ? $element_data['css'] : '';
2547
  $css_hover = isset($element_data['css_hover']) ? $element_data['css_hover'] : '';
2553
  'first_image'=>__('First images from content','post-grid'),
2554
  'empty_thumb'=>__('Empty thumbnail','post-grid'),
2555
  'siteorigin_first_image'=>__('SiteOrigin first image','post-grid'),
 
2556
  )
2557
  );
2558
 
2567
  <div class="element-options options">
2568
  <?php
2569
 
2570
+
2571
+ $args = array(
2572
+ 'id' => 'custom_class',
2573
+ 'css_id' => $element_index.'_custom_class',
2574
+ 'parent' => $input_name.'[media]',
2575
+ 'title' => __('Wrapper custom class','post-grid'),
2576
+ 'details' => __('Set custom class.','post-grid'),
2577
+ 'type' => 'text',
2578
+ 'value' => $custom_class,
2579
+ 'default' => '',
2580
+ 'placeholder' => 'media-css-class',
2581
+ );
2582
+
2583
+ $settings_tabs_field->generate_field($args);
2584
+
2585
+
2586
  ob_start();
2587
 
2588
  if(!empty($media_sources_list)){
3001
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
3002
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
3003
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
3004
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
3005
 
3006
  $thumb_size = isset($element_data['thumb_size']) ? $element_data['thumb_size'] : '';
3007
  $default_thumb_src = isset($element_data['default_thumb_src']) ? $element_data['default_thumb_src'] : '';
3032
 
3033
  <?php
3034
 
3035
+ $args = array(
3036
+ 'id' => 'custom_class',
3037
+ 'css_id' => $element_index.'_custom_class',
3038
+ 'parent' => $input_name.'[thumb]',
3039
+ 'title' => __('Wrapper custom class','post-grid'),
3040
+ 'details' => __('Set custom class.','post-grid'),
3041
+ 'type' => 'text',
3042
+ 'value' => $custom_class,
3043
+ 'default' => '',
3044
+ 'placeholder' => 'css-class',
3045
+ );
3046
+
3047
+ $settings_tabs_field->generate_field($args);
3048
+
3049
+
3050
  $thumbnail_sizes = array();
3051
  $thumbnail_sizes['full'] = __('Full', '');
3052
  $get_intermediate_image_sizes = get_intermediate_image_sizes();
3358
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
3359
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
3360
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
3361
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
3362
 
3363
  $thumb_size = isset($element_data['thumb_size']) ? $element_data['thumb_size'] : '';
3364
  $default_thumb_src = isset($element_data['default_thumb_src']) ? $element_data['default_thumb_src'] : '';
3389
 
3390
  <?php
3391
 
3392
+ $args = array(
3393
+ 'id' => 'custom_class',
3394
+ 'css_id' => $element_index.'_custom_class',
3395
+ 'parent' => $input_name.'[thumb_link]',
3396
+ 'title' => __('Wrapper custom class','post-grid'),
3397
+ 'details' => __('Set custom class.','post-grid'),
3398
+ 'type' => 'text',
3399
+ 'value' => $custom_class,
3400
+ 'default' => '',
3401
+ 'placeholder' => 'css-class',
3402
+ );
3403
+
3404
+ $settings_tabs_field->generate_field($args);
3405
+
3406
  $thumbnail_sizes = array();
3407
  $thumbnail_sizes['full'] = __('Full', '');
3408
  $get_intermediate_image_sizes = get_intermediate_image_sizes();
3719
 
3720
  $date_format = isset($element_data['date_format']) ? $element_data['date_format'] : '';
3721
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
3722
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
3723
 
3724
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
3725
 
3745
 
3746
  <?php
3747
 
3748
+
3749
+ $args = array(
3750
+ 'id' => 'custom_class',
3751
+ 'css_id' => $element_index.'_custom_class',
3752
+ 'parent' => $input_name.'[post_date]',
3753
+ 'title' => __('Wrapper custom class','post-grid'),
3754
+ 'details' => __('Set custom class.','post-grid'),
3755
+ 'type' => 'text',
3756
+ 'value' => $custom_class,
3757
+ 'default' => '',
3758
+ 'placeholder' => 'css-class',
3759
+ );
3760
+
3761
+ $settings_tabs_field->generate_field($args);
3762
+
3763
  $args = array(
3764
  'id' => 'date_format',
3765
  'css_id' => $element_index.'_background_colorpost_date',
4047
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
4048
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
4049
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
4050
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
4051
 
4052
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
4053
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
4072
 
4073
  <?php
4074
 
4075
+ $args = array(
4076
+ 'id' => 'custom_class',
4077
+ 'css_id' => $element_index.'_custom_class',
4078
+ 'parent' => $input_name.'[author]',
4079
+ 'title' => __('Wrapper custom class','post-grid'),
4080
+ 'details' => __('Set custom class.','post-grid'),
4081
+ 'type' => 'text',
4082
+ 'value' => $custom_class,
4083
+ 'default' => '',
4084
+ 'placeholder' => 'css-class',
4085
+ );
4086
+
4087
+ $settings_tabs_field->generate_field($args);
4088
 
4089
  $args = array(
4090
  'id' => 'link_to',
4354
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
4355
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
4356
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
4357
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
4358
 
4359
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
4360
  $link_to = isset($element_data['link_to']) ? $element_data['link_to'] : '';
4380
 
4381
  <?php
4382
 
4383
+
4384
+ $args = array(
4385
+ 'id' => 'custom_class',
4386
+ 'css_id' => $element_index.'_custom_class',
4387
+ 'parent' => $input_name.'[author_link]',
4388
+ 'title' => __('Wrapper custom class','post-grid'),
4389
+ 'details' => __('Set custom class.','post-grid'),
4390
+ 'type' => 'text',
4391
+ 'value' => $custom_class,
4392
+ 'default' => '',
4393
+ 'placeholder' => 'css-class',
4394
+ );
4395
+
4396
+ $settings_tabs_field->generate_field($args);
4397
+
4398
  $args = array(
4399
  'id' => 'link_to',
4400
  'css_id' => $element_index.'_link_to',
4656
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
4657
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
4658
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
4659
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
4660
 
4661
  $max_count = isset($element_data['max_count']) ? $element_data['max_count'] : '';
4662
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
4688
 
4689
  <?php
4690
 
4691
+
4692
+ $args = array(
4693
+ 'id' => 'custom_class',
4694
+ 'css_id' => $element_index.'_custom_class',
4695
+ 'parent' => $input_name.'[categories]',
4696
+ 'title' => __('Wrapper custom class','post-grid'),
4697
+ 'details' => __('Set custom class.','post-grid'),
4698
+ 'type' => 'text',
4699
+ 'value' => $custom_class,
4700
+ 'default' => '',
4701
+ 'placeholder' => 'css-class',
4702
+ );
4703
+
4704
+ $settings_tabs_field->generate_field($args);
4705
+
4706
+
4707
  $args = array(
4708
  'id' => 'max_count',
4709
  'parent' => $input_name.'[categories]',
5015
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
5016
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5017
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
5018
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
5019
 
5020
  $max_count = isset($element_data['max_count']) ? $element_data['max_count'] : '';
5021
  $link_target = isset($element_data['link_target']) ? $element_data['link_target'] : '';
5043
  <div class="element-options options">
5044
 
5045
  <?php
5046
+ $args = array(
5047
+ 'id' => 'custom_class',
5048
+ 'css_id' => $element_index.'_custom_class',
5049
+ 'parent' => $input_name.'[tags]',
5050
+ 'title' => __('Wrapper custom class','post-grid'),
5051
+ 'details' => __('Set custom class.','post-grid'),
5052
+ 'type' => 'text',
5053
+ 'value' => $custom_class,
5054
+ 'default' => '',
5055
+ 'placeholder' => 'css-class',
5056
+ );
5057
 
5058
+ $settings_tabs_field->generate_field($args);
5059
 
5060
  $args = array(
5061
  'id' => 'max_count',
5332
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
5333
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5334
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
5335
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
5336
 
5337
  $wrapper_html = isset($element_data['wrapper_html']) ? $element_data['wrapper_html'] : '';
5338
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
5356
 
5357
  <?php
5358
 
5359
+ $args = array(
5360
+ 'id' => 'custom_class',
5361
+ 'css_id' => $element_index.'_custom_class',
5362
+ 'parent' => $input_name.'[comments_count]',
5363
+ 'title' => __('Wrapper custom class','post-grid'),
5364
+ 'details' => __('Set custom class.','post-grid'),
5365
+ 'type' => 'text',
5366
+ 'value' => $custom_class,
5367
+ 'default' => '',
5368
+ 'placeholder' => 'css-class',
5369
+ );
5370
+
5371
+ $settings_tabs_field->generate_field($args);
5372
+
5373
+
5374
  $args = array(
5375
  'id' => 'wrapper_html',
5376
  'css_id' => $element_index.'_wrapper_html',
5622
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
5623
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5624
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
5625
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
5626
 
5627
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
5628
  $icon_color = isset($element_data['icon_color']) ? $element_data['icon_color'] : '';
5644
  <?php
5645
 
5646
 
5647
+ $args = array(
5648
+ 'id' => 'custom_class',
5649
+ 'css_id' => $element_index.'_custom_class',
5650
+ 'parent' => $input_name.'[share_button]',
5651
+ 'title' => __('Wrapper custom class','post-grid'),
5652
+ 'details' => __('Set custom class.','post-grid'),
5653
+ 'type' => 'text',
5654
+ 'value' => $custom_class,
5655
+ 'default' => '',
5656
+ 'placeholder' => 'css-class',
5657
+ );
5658
 
5659
+ $settings_tabs_field->generate_field($args);
5660
 
5661
 
5662
  $args = array(
5868
  $input_name = isset($parameters['input_name']) ? $parameters['input_name'] : '{input_name}';
5869
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
5870
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
5871
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
5872
 
5873
  $background_color = isset($element_data['background_color']) ? $element_data['background_color'] : '';
5874
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
5889
 
5890
  <?php
5891
 
5892
+ $args = array(
5893
+ 'id' => 'custom_class',
5894
+ 'css_id' => $element_index.'_custom_class',
5895
+ 'parent' => $input_name.'[hr]',
5896
+ 'title' => __('Wrapper custom class','post-grid'),
5897
+ 'details' => __('Set custom class.','post-grid'),
5898
+ 'type' => 'text',
5899
+ 'value' => $custom_class,
5900
+ 'default' => '',
5901
+ 'placeholder' => 'css-class',
5902
+ );
5903
 
5904
+ $settings_tabs_field->generate_field($args);
5905
 
5906
  $args = array(
5907
  'id' => 'background_color',
6073
  $element_data = isset($parameters['element_data']) ? $parameters['element_data'] : array();
6074
  $element_index = isset($parameters['index']) ? $parameters['index'] : '';
6075
 
6076
+ $custom_class = isset($element_data['custom_class']) ? $element_data['custom_class'] : '';
6077
 
6078
  $font_size = isset($element_data['font_size']) ? $element_data['font_size'] : '';
6079
  $color = isset($element_data['color']) ? $element_data['color'] : '';
6096
 
6097
  <?php
6098
 
6099
+ $args = array(
6100
+ 'id' => 'custom_class',
6101
+ 'css_id' => $element_index.'_custom_class',
6102
+ 'parent' => $input_name.'[five_star]',
6103
+ 'title' => __('Wrapper custom class','post-grid'),
6104
+ 'details' => __('Set custom class.','post-grid'),
6105
+ 'type' => 'text',
6106
+ 'value' => $custom_class,
6107
+ 'default' => '',
6108
+ 'placeholder' => 'css-class',
6109
+ );
6110
 
6111
+ $settings_tabs_field->generate_field($args);
6112
  $args = array(
6113
  'id' => 'color',
6114
  'css_id' => $element_index.'_color',
includes/settings-hook.php CHANGED
@@ -110,8 +110,10 @@ if(!function_exists('post_grid_settings_content_help_support')) {
110
 
111
  <p><?php echo __('Import free layouts', 'post-grid'); ?></p>
112
 
113
- <a class="button post-grid-import-layouts" href="<?php echo esc_url_raw($layouts_free_url_json); ?>"><?php echo __('Import automatically', 'post-grid'); ?></a>
114
  <a class="button" href="<?php echo esc_url_raw($layouts_free_url); ?>"><?php echo __('Download XML', 'post-grid'); ?></a>
 
 
 
115
 
116
 
117
  <p>Import manually</p>
@@ -131,6 +133,7 @@ if(!function_exists('post_grid_settings_content_help_support')) {
131
  <p><?php echo __('Download premium layouts', 'post-grid'); ?></p>
132
  <a class="button" href="<?php echo esc_url_raw($layouts_pro_url); ?>"><?php echo __('Download Pro XML', 'post-grid'); ?></a>
133
  <a class="button post-grid-import-layouts" href="<?php echo esc_url_raw($layouts_pro_url_json); ?>"><?php echo __('Import automatically', 'post-grid'); ?></a>
 
134
 
135
  <?php
136
  endif;
110
 
111
  <p><?php echo __('Import free layouts', 'post-grid'); ?></p>
112
 
 
113
  <a class="button" href="<?php echo esc_url_raw($layouts_free_url); ?>"><?php echo __('Download XML', 'post-grid'); ?></a>
114
+ <a class="button post-grid-import-layouts" href="<?php echo esc_url_raw($layouts_free_url_json); ?>"><?php echo __('Import automatically', 'post-grid'); ?></a>
115
+ <a class="button post-grid-import-layouts" skip="yes" href="<?php echo esc_url_raw($layouts_free_url_json); ?>"><?php echo __('Skip', 'post-grid'); ?></a>
116
+
117
 
118
 
119
  <p>Import manually</p>
133
  <p><?php echo __('Download premium layouts', 'post-grid'); ?></p>
134
  <a class="button" href="<?php echo esc_url_raw($layouts_pro_url); ?>"><?php echo __('Download Pro XML', 'post-grid'); ?></a>
135
  <a class="button post-grid-import-layouts" href="<?php echo esc_url_raw($layouts_pro_url_json); ?>"><?php echo __('Import automatically', 'post-grid'); ?></a>
136
+ <a class="button post-grid-import-layouts" skip="yes" href="<?php echo esc_url_raw($layouts_pro_url_json); ?>"><?php echo __('Skip', 'post-grid'); ?></a>
137
 
138
  <?php
139
  endif;
post-grid.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Post Grid by PickPlugins
4
  Plugin URI: https://www.pickplugins.com/item/post-grid-create-awesome-grid-from-any-post-type-for-wordpress/
5
  Description: Awesome post grid for query post from any post type and display on grid.
6
- Version: 2.0.61
7
  Author: PickPlugins
8
  Author URI: https://www.pickplugins.com/
9
  License: GPLv2 or later
@@ -21,7 +21,7 @@ if( !class_exists( 'PostGrid' )){
21
  define('post_grid_plugin_dir', plugin_dir_path(__FILE__));
22
  define('post_grid_plugin_basename', plugin_basename(__FILE__));
23
  define('post_grid_plugin_name', 'Post Grid');
24
- define('post_grid_version', '2.0.61');
25
 
26
 
27
 
@@ -42,6 +42,8 @@ if( !class_exists( 'PostGrid' )){
42
 
43
  include('includes/settings-hook.php');
44
  include('templates/post-grid-hook.php');
 
 
45
  include('includes/post-grid-layout-elements.php');
46
  include('includes/media-source-options.php');
47
  include('includes/layout-elements/3rd-party.php');
@@ -163,6 +165,11 @@ if( !class_exists( 'PostGrid' )){
163
  wp_register_style('font-awesome-4', post_grid_plugin_url.'assets/global/css/font-awesome-4.css');
164
  wp_register_style('font-awesome-5', post_grid_plugin_url.'assets/global/css/font-awesome-5.css');
165
 
 
 
 
 
 
166
 
167
  }
168
 
@@ -206,6 +213,7 @@ if( !class_exists( 'PostGrid' )){
206
  wp_enqueue_style('post_grid_skin');
207
 
208
 
 
209
  wp_enqueue_style('select2');
210
  wp_enqueue_script('select2');
211
 
3
  Plugin Name: Post Grid by PickPlugins
4
  Plugin URI: https://www.pickplugins.com/item/post-grid-create-awesome-grid-from-any-post-type-for-wordpress/
5
  Description: Awesome post grid for query post from any post type and display on grid.
6
+ Version: 2.0.64
7
  Author: PickPlugins
8
  Author URI: https://www.pickplugins.com/
9
  License: GPLv2 or later
21
  define('post_grid_plugin_dir', plugin_dir_path(__FILE__));
22
  define('post_grid_plugin_basename', plugin_basename(__FILE__));
23
  define('post_grid_plugin_name', 'Post Grid');
24
+ define('post_grid_version', '2.0.64');
25
 
26
 
27
 
42
 
43
  include('includes/settings-hook.php');
44
  include('templates/post-grid-hook.php');
45
+ include('templates/layout-builder-hook.php');
46
+
47
  include('includes/post-grid-layout-elements.php');
48
  include('includes/media-source-options.php');
49
  include('includes/layout-elements/3rd-party.php');
165
  wp_register_style('font-awesome-4', post_grid_plugin_url.'assets/global/css/font-awesome-4.css');
166
  wp_register_style('font-awesome-5', post_grid_plugin_url.'assets/global/css/font-awesome-5.css');
167
 
168
+ wp_register_script('layout-builder', post_grid_plugin_url.'assets/frontend/js/layout-builder.js', array('jquery'), time());
169
+
170
+ //wp_register_style('bootstrap', post_grid_plugin_url.'assets/global/css/bootstrap.min.css');
171
+ //wp_register_style('bootstrap-grid', post_grid_plugin_url.'assets/global/css/bootstrap-grid.css');
172
+
173
 
174
  }
175
 
213
  wp_enqueue_style('post_grid_skin');
214
 
215
 
216
+
217
  wp_enqueue_style('select2');
218
  wp_enqueue_script('select2');
219
 
readme.txt CHANGED
@@ -4,7 +4,7 @@
4
  Tags: post grid, grid, custom post grid, post type grid, grid display, category filter, custom post, filter, filtering, grid, layout, list, masonry, post, post filter, post layout, taxonomy, taxonomy filter,
5
  Requires at least: 3.8
6
  Tested up to: 5.4
7
- Stable tag: 2.0.61
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -216,6 +216,16 @@ then paste this shortcode anywhere in your page to display grid<br />
216
 
217
  == Changelog ==
218
 
 
 
 
 
 
 
 
 
 
 
219
  = 2.0.61 =
220
  * 2020-05-29 add - reviews request popup box added.
221
  * 2020-05-30 add - duplicate/clone post grid and post grid layout added.
4
  Tags: post grid, grid, custom post grid, post type grid, grid display, category filter, custom post, filter, filtering, grid, layout, list, masonry, post, post filter, post layout, taxonomy, taxonomy filter,
5
  Requires at least: 3.8
6
  Tested up to: 5.4
7
+ Stable tag: 2.0.64
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
216
 
217
  == Changelog ==
218
 
219
+ = 2.0.64 =
220
+ * 2020-06-04 fix - layout import skip added.
221
+
222
+ = 2.0.63 =
223
+ * 2020-06-03 fix - remove bootstrap from front-end
224
+
225
+ = 2.0.62 =
226
+ * 2020-06-03 fix - elements wrapper custom css class issue fixed.
227
+ * 2020-06-03 add - Element added for "Site Reviews" plugin
228
+
229
  = 2.0.61 =
230
  * 2020-05-29 add - reviews request popup box added.
231
  * 2020-05-30 add - duplicate/clone post grid and post grid layout added.
templates/layout-builder-hook.php ADDED
@@ -0,0 +1,480 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ if ( ! defined('ABSPATH')) exit; // if direct access
3
+
4
+
5
+ add_action('post_grid_layout_builder', 'post_grid_layout_builder');
6
+
7
+
8
+ function post_grid_layout_builder(){
9
+ wp_enqueue_script('layout-builder');
10
+ wp_enqueue_style('bootstrap');
11
+ //wp_enqueue_style('bootstrap-grid');
12
+
13
+
14
+ wp_enqueue_style('font-awesome-5');
15
+
16
+ ?>
17
+
18
+ <div class="pglb">
19
+ <div class="" id="template-tools">
20
+ <div class="tools-tabs">
21
+ <ul class="tab-navs">
22
+ <li class="nav" data-id="1">Elements</li>
23
+ <li class="nav" data-id="2">Settings</li>
24
+ <li class="nav" data-id="3">Library</li>
25
+ </ul>
26
+
27
+ <div class="tab-content data-id-1" >
28
+
29
+ <div class="tools-toggle">
30
+ <div class="toggle-header">Layout</div>
31
+ <div class="toggle-content">
32
+ <div class="element-list">
33
+ <div class="layoutElement" onclick="addElement(event, {elType:'container'})" >Container</div>
34
+ <div class="layoutElement" onclick="addElement(event, {elType:'row'})" >Row</div>
35
+ <div class="layoutElement" onclick="addElement(event, {elType:'column'})" >Column</div>
36
+ </div>
37
+
38
+ </div>
39
+ </div>
40
+
41
+
42
+ <div class="tools-toggle">
43
+ <div class="toggle-header">General</div>
44
+ <div class="toggle-content">
45
+ <div class="element-list">
46
+ <div class="layoutElement" onclick="addElement(event, {elType:'heading'})">Heading</div>
47
+ <div class="layoutElement" onclick="addElement(event, {elType:'text'})">Text</div>
48
+ <div class="layoutElement" onclick="addElement(event, {elType:'image'})">Image</div>
49
+ <div class="layoutElement" onclick="addElement(event, {elType:'link'})">Link</div>
50
+ </div>
51
+
52
+ </div>
53
+ </div>
54
+
55
+ <div class="tools-toggle">
56
+ <div class="toggle-header">Post Elements</div>
57
+ <div class="toggle-content">
58
+ <div class="element-list">
59
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_title'})" >Post Title</div>
60
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_featured_image'})" >Post Thumbnail</div>
61
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_excerpt'})" >Post Excerpt</div>
62
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_date'})" >Post Date</div>
63
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_author'})">Post Author</div>
64
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_categories'})">Post Categories</div>
65
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_tags'})">Post Tags</div>
66
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_terms'})">Post Terms</div>
67
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_comments_count'})">Comments Count</div>
68
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_comments'})">Post Comments</div>
69
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_edit_link'})" >Post Edit Link</div>
70
+ <div class="layoutElement" onclick="addElement(event, {elType:'next_post_link'})">Next Post Link</div>
71
+ <div class="layoutElement" onclick="addElement(event, {elType:'previous_post_link'})">Previous Post Link</div>
72
+ <div class="layoutElement" onclick="addElement(event, {elType:'related_posts'})">Related posts</div>
73
+
74
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_id'})" >Post ID</div>
75
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_is_sticky'})" >Post Sticky</div>
76
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_status'})" >Post Status</div>
77
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_format'})" >Post Format</div>
78
+ <div class="layoutElement" onclick="addElement(event, {elType:'post_type'})" >Post Type</div>
79
+
80
+ </div>
81
+
82
+ </div>
83
+
84
+ </div>
85
+
86
+ <div class="tools-toggle">
87
+ <div class="toggle-header">Archive Elements</div>
88
+ <div class="toggle-content">
89
+ <div class="element-list">
90
+ <div class="layoutElement" onclick="addElement(event, {elType:'author_name'})" >Author Name</div>
91
+ <div class="layoutElement" onclick="addElement(event, {elType:'author_avatar'})" >Author Avatar</div>
92
+ <div class="layoutElement" onclick="addElement(event, {elType:'term_title'})" >Term Title</div>
93
+ <div class="layoutElement" onclick="addElement(event, {elType:'term_id'})" >Term ID</div>
94
+
95
+ <div class="layoutElement" onclick="addElement(event, {elType:'term_edit_link'})" >Term Edit Link</div>
96
+
97
+ <div class="layoutElement" onclick="addElement(event, {elType:'term_description'})" >Term Description</div>
98
+ <div class="layoutElement" onclick="addElement(event, {elType:'date_title'})">Date Title</div>
99
+ <div class="layoutElement" onclick="addElement(event, {elType:'month_title'})">Month Title</div>
100
+ <div class="layoutElement" onclick="addElement(event, {elType:'year_title'})">Year Title</div>
101
+ <div class="layoutElement" onclick="addElement(event, {elType:'search_query'})">Search Query</div>
102
+
103
+ <div class="layoutElement" onclick="addElement(event, {elType:'next_posts_link'})">Next Posts Link</div>
104
+ <div class="layoutElement" onclick="addElement(event, {elType:'previous_posts_link'})">Previous Posts Link</div>
105
+
106
+ </div>
107
+
108
+ </div>
109
+
110
+ </div>
111
+
112
+ <div class="tools-toggle">
113
+ <div class="toggle-header">Global Elements</div>
114
+ <div class="toggle-content">
115
+ <div class="element-list">
116
+ <div class="layoutElement" onclick="addElement(event, {elType:'site_header'})" >Site header</div>
117
+ <div class="layoutElement" onclick="addElement(event, {elType:'site_footer'})" >Site footer</div>
118
+
119
+ <div class="layoutElement" onclick="addElement(event, {elType:'site_title'})" >Site Tile</div>
120
+ <div class="layoutElement" onclick="addElement(event, {elType:'search_form'})" >Search form</div>
121
+
122
+ <div class="layoutElement" onclick="addElement(event, {elType:'breadcrumb'})" >Breadcrumb</div>
123
+ <div class="layoutElement" onclick="addElement(event, {elType:'nav_menu'})" >Nav Menu</div>
124
+ <div class="layoutElement" onclick="addElement(event, {elType:'term_edit_link'})" >Term Edit Link</div>
125
+
126
+ <div class="layoutElement" onclick="addElement(event, {elType:'term_description'})" >Term Description</div>
127
+ <div class="layoutElement" onclick="addElement(event, {elType:'date_title'})">Date Title</div>
128
+ <div class="layoutElement" onclick="addElement(event, {elType:'month_title'})">Month Title</div>
129
+ <div class="layoutElement" onclick="addElement(event, {elType:'year_title'})">Year Title</div>
130
+ <div class="layoutElement" onclick="addElement(event, {elType:'search_query'})">Search Query</div>
131
+
132
+ <div class="layoutElement" onclick="addElement(event, {elType:'next_posts_link'})">Next Posts Link</div>
133
+ <div class="layoutElement" onclick="addElement(event, {elType:'previous_posts_link'})">Previous Posts Link</div>
134
+
135
+ </div>
136
+
137
+ </div>
138
+
139
+ </div>
140
+
141
+
142
+
143
+
144
+
145
+
146
+
147
+ </div>
148
+ <div class="tab-content data-id-2" >
149
+
150
+ <div id="selectedObjectSettings">
151
+ </div>
152
+
153
+ </div>
154
+
155
+ <div class="tab-content data-id-3" >
156
+
157
+ <div class="tools-toggle">
158
+ <div class="toggle-header">General</div>
159
+ <div class="toggle-content">
160
+
161
+ General content
162
+
163
+ </div>
164
+
165
+ </div>
166
+
167
+ </div>
168
+
169
+ </div>
170
+ </div>
171
+ <div class="" id="template-preview"></div>
172
+
173
+ </div>
174
+
175
+
176
+
177
+
178
+
179
+
180
+ <?php
181
+
182
+
183
+ }
184
+
185
+
186
+
187
+
188
+ add_action('post_grid_layout_builder', 'post_grid_layout_builder_css');
189
+
190
+
191
+ function post_grid_layout_builder_css(){
192
+
193
+ ?>
194
+ <style type="text/css">
195
+ #template-tools{}
196
+ #template-preview{}
197
+
198
+
199
+
200
+
201
+
202
+ /*pglb-container*/
203
+
204
+ /*.pglb .pglb-container.active, .pglb .pglb-row.active,.pglb .pglb-column.active, .pglb .pglb-element.active {*/
205
+ /* border: 1px dashed #007bff;*/
206
+ /*}*/
207
+
208
+ /*.pglb .pglb-container[isactive="active"], .pglb .pglb-row[isactive="active"],.pglb .pglb-column[isactive="active"], .pglb .pglb-element[isactive="active"] {*/
209
+ /* border: 1px dashed #007bff;*/
210
+ /*}*/
211
+
212
+ .pglb .pglb-container, .pglb .pglb-row,.pglb .pglb-column, .pglb .pglb-element{
213
+ border: 1px dashed rgba(0,0,0,0);
214
+ }
215
+ .pglb .pglb-container{
216
+ position: relative;
217
+ }
218
+
219
+ .pglb .pglb-container:hover{
220
+ border: 1px dashed #007bff;
221
+ }
222
+ .pglb .pglb-container:hover .containerSettings{
223
+ display: inline-block;
224
+ }
225
+ .pglb .containerSettings{
226
+ position: absolute;
227
+ top: -25px;
228
+ left: 0;
229
+ background: #3a5673;
230
+ color: #fff;
231
+ display: none;
232
+ z-index: 99999;
233
+ }
234
+
235
+
236
+ .pglb .containerSettings span{
237
+ padding: 2px 7px;
238
+ border-left: 1px solid #7892ab;
239
+ cursor: pointer;
240
+ }
241
+
242
+ /*pglb-row*/
243
+ .pglb .pglb-row{
244
+ position: relative;
245
+ }
246
+ .pglb .pglb-row:hover{
247
+ border: 1px dashed #007bff;
248
+ }
249
+
250
+ .pglb .pglb-row:hover .rowSettings{
251
+ display: inline-block;
252
+ }
253
+ .pglb .rowSettings{
254
+ position: absolute;
255
+ top: 0;
256
+ left: 0;
257
+ background: #3a5673;
258
+ color: #fff;
259
+ display: none;
260
+ z-index: 99999;
261
+ }
262
+
263
+
264
+ .pglb .rowSettings span{
265
+ padding: 2px 7px;
266
+ border-left: 1px solid #7892ab;
267
+ cursor: pointer;
268
+ }
269
+
270
+
271
+
272
+
273
+
274
+ /*pglb-column*/
275
+ .pglb .pglb-column{
276
+ background: #f9f9f9;
277
+ }
278
+
279
+
280
+ .pglb .pglb-column:hover{
281
+ border: 1px dashed #007bff;
282
+ }
283
+ .pglb .pglb-column:hover .columnSettings{
284
+ display: inline-block;
285
+ }
286
+ .pglb .columnSettings{
287
+ position: absolute;
288
+ top: 0;
289
+ right: 0;
290
+ background: #3a5673;
291
+ color: #fff;
292
+ display: none;
293
+ z-index: 99999;
294
+ }
295
+
296
+
297
+ .pglb .columnSettings span{
298
+ padding: 2px 7px;
299
+ border-left: 1px solid #7892ab;
300
+ cursor: pointer;
301
+ }
302
+
303
+ .pglb .remove:hover{
304
+ background: #ff4b03;
305
+ }
306
+
307
+
308
+
309
+
310
+
311
+ /*pglb-elementSettings*/
312
+ .pglb .pglb-element{
313
+ background: #f9f9f9;
314
+ position: relative;
315
+ }
316
+
317
+
318
+ .pglb .pglb-element:hover{
319
+ border: 1px dashed #007bff;
320
+ }
321
+ .pglb .pglb-element:hover .elementSettings{
322
+ display: inline-block;
323
+ }
324
+ .pglb .elementSettings{
325
+ position: absolute;
326
+ bottom: 0;
327
+ right: 50%;
328
+ background: #3a5673;
329
+ color: #fff;
330
+ display: none;
331
+ z-index: 99999;
332
+ transform: translate(50%, 0);
333
+ }
334
+
335
+
336
+ .pglb .elementSettings span{
337
+ padding: 2px 7px;
338
+ border-left: 1px solid #7892ab;
339
+ cursor: pointer;
340
+ }
341
+
342
+ .pglb .remove:hover{
343
+ background: #ff4b03;
344
+ }
345
+
346
+ .pglb .selectElement:hover{
347
+ background: #22af61;
348
+ }
349
+ .pglb .customizeElement:hover{
350
+ background: #308ad2;
351
+ }
352
+
353
+
354
+
355
+
356
+ /*Tools*/
357
+
358
+
359
+ #template-tools {
360
+ position: fixed;
361
+ top: 0px;
362
+ width: 380px;
363
+ background: #f3f9ff;
364
+ z-index: 999999999999999999999;
365
+ height: 100%;
366
+ left: 0;
367
+ box-shadow: 0 0 6px -3px rgba(0, 0, 0, 0.43);
368
+ overflow-y: scroll;
369
+
370
+ }
371
+
372
+ .admin-bar #template-tools{
373
+ top: 32px;
374
+ }
375
+
376
+
377
+ body{
378
+ margin-left: 380px !important;
379
+ }
380
+
381
+
382
+
383
+ #template-tools .tab-navs{
384
+ margin: 0;
385
+ padding: 0;
386
+ }
387
+ #template-tools .tab-navs .nav{
388
+ display: inline-block;
389
+ width: 33%;
390
+ padding: 15px 0px;
391
+ background: #3a5673;
392
+ margin: 0;
393
+ float: left;
394
+ color: #fff;
395
+ border-right: 1px solid #46617b;
396
+ text-align: center;
397
+ cursor: pointer;
398
+ font-size: 14px;
399
+
400
+ }
401
+
402
+ #template-tools .tab-navs .nav.active{
403
+ background: #314861;
404
+ }
405
+ #template-tools .tab-content{
406
+ clear: both;
407
+ padding: 10px;
408
+ }
409
+
410
+ #template-tools .tab-content.inactive{
411
+ display: none;
412
+ }
413
+
414
+ #template-tools .element-list{
415
+ margin: 0;
416
+ padding: 15px 13px;
417
+ display: block;
418
+ }
419
+
420
+ #template-tools .element-list .layoutElement{
421
+ display: inline-block;
422
+ width: 49.1%;
423
+ text-align: center;
424
+ padding: 10px 0px;
425
+ background: #48617982;
426
+ margin: 2px 0;
427
+ cursor: pointer;
428
+ color: #fff;
429
+ font-size: 14px;
430
+ border-radius: 3px;
431
+ }
432
+
433
+
434
+ #template-tools .tools-toggle{
435
+ clear: both;
436
+ }
437
+ #template-tools .toggle-header{
438
+ padding: 10px 10px;
439
+ background: #6c7d8e;
440
+ color: #fff;
441
+ margin: 0px 0 7px 0;
442
+ cursor: pointer;
443
+ }
444
+ #template-tools .toggle-content{
445
+ display: none;
446
+ }
447
+
448
+ #template-tools .tools-toggle.active .toggle-content{
449
+ display: block;
450
+ }
451
+
452
+
453
+
454
+
455
+
456
+
457
+ </style>
458
+ <?php
459
+
460
+
461
+ }
462
+
463
+
464
+ add_action('post_grid_layout_builder', 'post_grid_layout_builder_script');
465
+
466
+
467
+ function post_grid_layout_builder_script(){
468
+
469
+ ?>
470
+ <script>
471
+
472
+
473
+ </script>
474
+ <?php
475
+
476
+
477
+ }
478
+
479
+
480
+