@clayui/css 3.52.0 → 3.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/lib/css/atlas.css +157 -188
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +81 -127
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css +0 -0
  6. package/lib/css/bootstrap.css.map +0 -0
  7. package/lib/css/cadmin.css +15 -1
  8. package/lib/css/cadmin.css.map +1 -1
  9. package/lib/images/icons/border-style.svg +14 -0
  10. package/lib/images/icons/border-width.svg +11 -0
  11. package/lib/images/icons/diagonal-line.svg +9 -0
  12. package/lib/images/icons/icons.svg +1 -1
  13. package/lib/images/icons/opacity.svg +16 -0
  14. package/package.json +2 -2
  15. package/src/images/icons/border-style.svg +14 -0
  16. package/src/images/icons/border-width.svg +11 -0
  17. package/src/images/icons/diagonal-line.svg +9 -0
  18. package/src/images/icons/opacity.svg +16 -0
  19. package/src/scss/atlas/variables/_buttons.scss +1 -1
  20. package/src/scss/atlas/variables/_dropdowns.scss +1 -1
  21. package/src/scss/atlas/variables/_globals.scss +5 -5
  22. package/src/scss/atlas/variables/_navigation-bar.scss +1 -1
  23. package/src/scss/atlas/variables/_navs.scss +1 -1
  24. package/src/scss/atlas/variables/_panels.scss +2 -2
  25. package/src/scss/atlas/variables/_sheets.scss +2 -1
  26. package/src/scss/atlas/variables/_sidebar.scss +3 -2
  27. package/src/scss/atlas/variables/_type.scss +0 -2
  28. package/src/scss/cadmin/components/_popovers.scss +45 -13
  29. package/src/scss/cadmin/variables/_popovers.scss +53 -0
  30. package/src/scss/components/_forms.scss +18 -58
  31. package/src/scss/components/_popovers.scss +45 -13
  32. package/src/scss/components/_tables.scss +2 -2
  33. package/src/scss/functions/_lx-icons-generated.scss +8 -0
  34. package/src/scss/mixins/_buttons.scss +4 -0
  35. package/src/scss/mixins/_close.scss +303 -277
  36. package/src/scss/mixins/_forms.scss +2 -0
  37. package/src/scss/mixins/_grid.scss +3 -3
  38. package/src/scss/mixins/_popovers.scss +56 -19
  39. package/src/scss/variables/_buttons.scss +116 -67
  40. package/src/scss/variables/_cards.scss +1 -1
  41. package/src/scss/variables/_date-picker.scss +1 -1
  42. package/src/scss/variables/_dropdowns.scss +4 -4
  43. package/src/scss/variables/_forms.scss +75 -1
  44. package/src/scss/variables/_globals.scss +2 -2
  45. package/src/scss/variables/_links.scss +1 -1
  46. package/src/scss/variables/_list-group.scss +2 -2
  47. package/src/scss/variables/_management-bar.scss +2 -2
  48. package/src/scss/variables/_multi-step-nav.scss +1 -1
  49. package/src/scss/variables/_navbar.scss +2 -2
  50. package/src/scss/variables/_navs.scss +1 -1
  51. package/src/scss/variables/_pagination.scss +1 -1
  52. package/src/scss/variables/_panels.scss +5 -4
  53. package/src/scss/variables/_popovers.scss +53 -0
  54. package/src/scss/variables/_range.scss +2 -2
  55. package/src/scss/variables/_sheets.scss +1 -1
  56. package/src/scss/variables/_tables.scss +4 -4
  57. package/src/scss/variables/_tbar.scss +14 -13
  58. package/src/scss/variables/_time.scss +1 -1
  59. package/src/scss/variables/_type.scss +2 -2
  60. package/src/scss/variables/_utilities.scss +1 -1
package/lib/css/atlas.css CHANGED
@@ -325,32 +325,26 @@ h1,
325
325
  .h1 {
326
326
  font-size: 1.625rem;
327
327
  }
328
-
329
328
  h2,
330
329
  .h2 {
331
330
  font-size: 1.375rem;
332
331
  }
333
-
334
332
  h3,
335
333
  .h3 {
336
334
  font-size: 1.1875rem;
337
335
  }
338
-
339
336
  h4,
340
337
  .h4 {
341
338
  font-size: 1rem;
342
339
  }
343
-
344
340
  h5,
345
341
  .h5 {
346
342
  font-size: 0.875rem;
347
343
  }
348
-
349
344
  h6,
350
345
  .h6 {
351
346
  font-size: 0.8125rem;
352
347
  }
353
-
354
348
  .lead {
355
349
  font-size: calc(1rem * 1.25);
356
350
  font-weight: 300;
@@ -500,7 +494,7 @@ strong {
500
494
  }
501
495
 
502
496
  .c-kbd > .c-kbd {
503
- border-width: 0;
497
+ border-width: 0px;
504
498
  font-size: inherit;
505
499
  font-weight: inherit;
506
500
  height: auto;
@@ -532,7 +526,7 @@ strong {
532
526
  }
533
527
 
534
528
  .c-kbd-inline {
535
- border-width: 0;
529
+ border-width: 0px;
536
530
  font-weight: 300;
537
531
  height: auto;
538
532
  line-height: inherit;
@@ -1211,17 +1205,11 @@ button.collapse-icon .c-inner {
1211
1205
  text-decoration: none;
1212
1206
  }
1213
1207
  .btn:focus, .btn.focus {
1214
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
1208
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
1215
1209
  outline: 0;
1216
1210
  }
1217
- .btn:active {
1218
- box-shadow: none;
1219
- }
1220
1211
  .btn:active:focus {
1221
- box-shadow: [0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff];
1222
- }
1223
- .btn.active {
1224
- box-shadow: [none];
1212
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
1225
1213
  }
1226
1214
  .btn:disabled, .btn.disabled {
1227
1215
  cursor: not-allowed;
@@ -1233,9 +1221,6 @@ button.collapse-icon .c-inner {
1233
1221
  .btn:disabled:active, .btn.disabled:active {
1234
1222
  pointer-events: none;
1235
1223
  }
1236
- .btn[aria-expanded=true], .btn.show {
1237
- box-shadow: [none];
1238
- }
1239
1224
  .btn .c-inner {
1240
1225
  margin-bottom: -0.4375rem;
1241
1226
  margin-left: -0.9375rem;
@@ -1705,7 +1690,7 @@ input[type=button].btn-block {
1705
1690
  }
1706
1691
  .btn-link {
1707
1692
  border-radius: 1px;
1708
- box-shadow: [none];
1693
+ box-shadow: none;
1709
1694
  color: #0b5fff;
1710
1695
  font-weight: 400;
1711
1696
  text-decoration: none;
@@ -1715,26 +1700,17 @@ input[type=button].btn-block {
1715
1700
  text-decoration: underline;
1716
1701
  }
1717
1702
  .btn-link:focus, .focus.btn-link {
1718
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
1703
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
1719
1704
  text-decoration: none;
1720
1705
  }
1721
- .btn-link:active {
1722
- box-shadow: [none];
1723
- }
1724
1706
  .btn-link:active:focus {
1725
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
1726
- }
1727
- .active.btn-link {
1728
- box-shadow: [none];
1707
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
1729
1708
  }
1730
1709
  .btn-link:disabled, .disabled.btn-link {
1731
1710
  box-shadow: none;
1732
1711
  color: #0b5fff;
1733
1712
  text-decoration: none;
1734
1713
  }
1735
- [aria-expanded=true].btn-link, .show.btn-link {
1736
- box-shadow: [none];
1737
- }
1738
1714
  .btn-outline-primary {
1739
1715
  border-color: #0b5fff;
1740
1716
  color: #0b5fff;
@@ -4048,7 +4024,7 @@ input[type=button].btn-block {
4048
4024
  text-decoration: none;
4049
4025
  }
4050
4026
  .badge[href]:focus, .badge[type]:focus {
4051
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4027
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
4052
4028
  outline: 0;
4053
4029
  }
4054
4030
  .badge a {
@@ -4305,7 +4281,7 @@ input[type=button].btn-block {
4305
4281
  .breadcrumb-link:focus {
4306
4282
  color: #6b6c7e;
4307
4283
  text-decoration: underline;
4308
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4284
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
4309
4285
  outline: 0;
4310
4286
  }
4311
4287
  .breadcrumb-link > .breadcrumb-text-truncate {
@@ -4612,7 +4588,7 @@ input[type=button].btn-block {
4612
4588
  }
4613
4589
  .label[href]:focus, .label[type]:focus, .label[tabindex]:focus {
4614
4590
  text-decoration: underline;
4615
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4591
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
4616
4592
  }
4617
4593
  .label a,
4618
4594
  .label .btn-unstyled {
@@ -5579,49 +5555,49 @@ input[type=button].btn-block {
5579
5555
  .rounded-0 .card-header,
5580
5556
  .rounded-0 .card-item-first {
5581
5557
  border-top-left-radius: calc(
5582
- 0 - 0px
5558
+ 0px - 0px
5583
5559
  );
5584
5560
  border-top-right-radius: calc(
5585
- 0 - 0px
5561
+ 0px - 0px
5586
5562
  );
5587
5563
  }
5588
5564
  .rounded-0 .card-footer,
5589
5565
  .rounded-0 .card-item-last {
5590
5566
  border-bottom-left-radius: calc(
5591
- 0 - 0px
5567
+ 0px - 0px
5592
5568
  );
5593
5569
  border-bottom-right-radius: calc(
5594
- 0 - 0px
5570
+ 0px - 0px
5595
5571
  );
5596
5572
  }
5597
5573
  .rounded-0 .autofit-col:first-child {
5598
5574
  border-bottom-left-radius: calc(
5599
- 0 - 0px
5575
+ 0px - 0px
5600
5576
  );
5601
5577
  border-top-left-radius: calc(
5602
- 0 - 0px
5578
+ 0px - 0px
5603
5579
  );
5604
5580
  }
5605
5581
  .rounded-0 .autofit-col:first-child .card-item-first {
5606
5582
  border-radius: calc(
5607
- 0 - 0px
5583
+ 0px - 0px
5608
5584
  ) 0 0 calc(
5609
- 0 - 0px
5585
+ 0px - 0px
5610
5586
  );
5611
5587
  }
5612
5588
  .rounded-0 .autofit-col:last-child {
5613
5589
  border-bottom-right-radius: calc(
5614
- 0 - 0px
5590
+ 0px - 0px
5615
5591
  );
5616
5592
  border-top-right-radius: calc(
5617
- 0 - 0px
5593
+ 0px - 0px
5618
5594
  );
5619
5595
  }
5620
5596
  .rounded-0 .autofit-col:last-child .card-item-last {
5621
5597
  border-radius: 0 calc(
5622
- 0 - 0px
5598
+ 0px - 0px
5623
5599
  ) calc(
5624
- 0 - 0px
5600
+ 0px - 0px
5625
5601
  ) 0;
5626
5602
  }
5627
5603
 
@@ -6264,7 +6240,7 @@ input[type=button].btn-block {
6264
6240
  right: -1px;
6265
6241
  }
6266
6242
  .card-type-template .aspect-ratio {
6267
- border-width: 0;
6243
+ border-width: 0px;
6268
6244
  color: #6b6c7e;
6269
6245
  text-align: center;
6270
6246
  background-image: none;
@@ -6367,8 +6343,8 @@ input[type=button].btn-block {
6367
6343
 
6368
6344
  .dropdown-item {
6369
6345
  background-color: transparent;
6370
- border-radius: 0;
6371
- border-width: 0;
6346
+ border-radius: 0px;
6347
+ border-width: 0px;
6372
6348
  clear: both;
6373
6349
  color: #6b6c7e;
6374
6350
  cursor: pointer;
@@ -6396,7 +6372,7 @@ input[type=button].btn-block {
6396
6372
  background-color: #f0f5ff;
6397
6373
  color: #272833;
6398
6374
  text-decoration: none;
6399
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
6375
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
6400
6376
  outline: 0;
6401
6377
  }
6402
6378
  .dropdown-item:active {
@@ -6430,7 +6406,7 @@ input[type=button].btn-block {
6430
6406
  color: #272833;
6431
6407
  }
6432
6408
  .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
6433
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
6409
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
6434
6410
  }
6435
6411
  .dropdown-item:disabled, .dropdown-item.disabled {
6436
6412
  background-color: transparent;
@@ -6536,7 +6512,7 @@ input[type=button].btn-block {
6536
6512
  border-color: #e7e7ed;
6537
6513
  border-radius: 0.25rem;
6538
6514
  border-style: solid;
6539
- border-width: 0;
6515
+ border-width: 0px;
6540
6516
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
6541
6517
  color: #272833;
6542
6518
  display: none;
@@ -7290,7 +7266,7 @@ fieldset[disabled] label .form-control {
7290
7266
  .form-control:focus, .form-control.focus {
7291
7267
  background-color: #f0f5ff;
7292
7268
  border-color: #80acff;
7293
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
7269
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
7294
7270
  color: #272833;
7295
7271
  outline: 0;
7296
7272
  }
@@ -7475,7 +7451,7 @@ div.form-control-sm {
7475
7451
  }
7476
7452
  .form-control-inset {
7477
7453
  background-color: transparent;
7478
- border-width: 0;
7454
+ border-width: 0px;
7479
7455
  color: #272833;
7480
7456
  flex-grow: 1;
7481
7457
  margin-bottom: 0.3125rem;
@@ -7621,7 +7597,6 @@ textarea.form-control-plaintext,
7621
7597
  height: 100px;
7622
7598
  resize: vertical;
7623
7599
  }
7624
-
7625
7600
  .form-control-file {
7626
7601
  cursor: pointer;
7627
7602
  display: block;
@@ -7640,7 +7615,7 @@ textarea.form-control-plaintext,
7640
7615
  box-shadow: none;
7641
7616
  }
7642
7617
  .form-control[type=range]:focus::-webkit-slider-thumb {
7643
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
7618
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
7644
7619
  }
7645
7620
  .form-control[type=range]::-webkit-slider-thumb {
7646
7621
  border-radius: 100px;
@@ -7738,6 +7713,7 @@ textarea.form-control-plaintext,
7738
7713
  border-radius: 0.375rem;
7739
7714
  font-size: 1.125rem;
7740
7715
  height: 3rem;
7716
+ line-height: 1.5;
7741
7717
  padding-bottom: 0.4375rem;
7742
7718
  padding-left: 1rem;
7743
7719
  padding-right: 1rem;
@@ -7747,28 +7723,12 @@ textarea.form-control-lg,
7747
7723
  .form-control-lg.form-control-textarea {
7748
7724
  height: 120px;
7749
7725
  }
7750
-
7751
- .form-control-sm {
7752
- border-radius: 0.25rem;
7753
- font-size: 0.875rem;
7754
- height: 2rem;
7755
- line-height: 1.5;
7756
- padding: 0.25rem 0.75rem;
7757
- }
7758
-
7759
- .form-control-lg {
7760
- border-radius: 0.375rem;
7761
- font-size: 1.125rem;
7762
- height: 3rem;
7763
- line-height: 1.5;
7764
- padding: 0.4375rem 1rem;
7765
- }
7766
-
7767
7726
  .form-group-sm .form-control,
7768
7727
  .form-group-sm .form-control-plaintext, .form-control-sm {
7769
7728
  border-radius: 0.25rem;
7770
7729
  font-size: 0.875rem;
7771
7730
  height: 2rem;
7731
+ line-height: 1.5;
7772
7732
  padding-bottom: 0.25rem;
7773
7733
  padding-left: 0.75rem;
7774
7734
  padding-right: 0.75rem;
@@ -7779,15 +7739,10 @@ textarea.form-control-lg,
7779
7739
  padding-right: 2em;
7780
7740
  }
7781
7741
  .form-group-sm textarea.form-control,
7782
- .form-group-sm .form-control.form-control-textarea {
7783
- height: 80px;
7784
- }
7785
-
7786
- textarea.form-control-sm,
7742
+ .form-group-sm .form-control.form-control-textarea, textarea.form-control-sm,
7787
7743
  .form-control-sm.form-control-textarea {
7788
7744
  height: 80px;
7789
7745
  }
7790
-
7791
7746
  .form-group {
7792
7747
  margin-bottom: 1.5rem;
7793
7748
  }
@@ -8010,7 +7965,7 @@ textarea.form-control-sm,
8010
7965
  }
8011
7966
  .component-link:focus {
8012
7967
  color: #484955;
8013
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
7968
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8014
7969
  outline: 0;
8015
7970
  }
8016
7971
  .single-link {
@@ -8032,7 +7987,7 @@ textarea.form-control-sm,
8032
7987
  }
8033
7988
  .link-primary:focus {
8034
7989
  color: #0041be;
8035
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
7990
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8036
7991
  outline: 0;
8037
7992
  }
8038
7993
  .link-secondary {
@@ -8050,7 +8005,7 @@ textarea.form-control-sm,
8050
8005
  }
8051
8006
  .link-secondary:focus {
8052
8007
  color: #272833;
8053
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8008
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8054
8009
  outline: 0;
8055
8010
  }
8056
8011
  button.link-outline {
@@ -8221,7 +8176,7 @@ button.link-outline {
8221
8176
  .component-title[href]:focus,
8222
8177
  .component-title [href]:focus {
8223
8178
  color: #060608;
8224
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8179
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8225
8180
  outline: 0;
8226
8181
  }
8227
8182
  .component-subtitle {
@@ -8249,7 +8204,7 @@ button.link-outline {
8249
8204
  .component-subtitle[href]:focus,
8250
8205
  .component-subtitle [href]:focus {
8251
8206
  color: #272833;
8252
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8207
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8253
8208
  outline: 0;
8254
8209
  }
8255
8210
  .component-action {
@@ -8257,7 +8212,7 @@ button.link-outline {
8257
8212
  background-color: transparent;
8258
8213
  border-color: transparent;
8259
8214
  border-radius: 0.25rem;
8260
- border-width: 0;
8215
+ border-width: 0px;
8261
8216
  color: #6b6c7e;
8262
8217
  display: inline-flex;
8263
8218
  height: 2rem;
@@ -8333,7 +8288,7 @@ button.link-outline {
8333
8288
  flex-direction: column;
8334
8289
  }
8335
8290
  .clay-range .input-group-text {
8336
- border-width: 0;
8291
+ border-width: 0px;
8337
8292
  color: #a7a9bc;
8338
8293
  font-size: 0.875rem;
8339
8294
  font-weight: 600;
@@ -8422,7 +8377,7 @@ button.link-outline {
8422
8377
  .clay-range-input .clay-range-thumb {
8423
8378
  background-color: #fff;
8424
8379
  border-radius: 100px;
8425
- border-width: 0;
8380
+ border-width: 0px;
8426
8381
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
8427
8382
  height: 1.5rem;
8428
8383
  margin-top: -0.75rem;
@@ -8452,7 +8407,7 @@ button.link-outline {
8452
8407
  appearance: none;
8453
8408
  background-color: #fff;
8454
8409
  border-radius: 100px;
8455
- border-width: 0;
8410
+ border-width: 0px;
8456
8411
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
8457
8412
  height: 1.5rem;
8458
8413
  margin-top: -0.75rem;
@@ -8475,7 +8430,7 @@ button.link-outline {
8475
8430
  appearance: none;
8476
8431
  background-color: #fff;
8477
8432
  border-radius: 100px;
8478
- border-width: 0;
8433
+ border-width: 0px;
8479
8434
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
8480
8435
  height: 1.5rem;
8481
8436
  width: 1.5rem;
@@ -8501,7 +8456,7 @@ button.link-outline {
8501
8456
  appearance: none;
8502
8457
  background-color: #fff;
8503
8458
  border-radius: 100px;
8504
- border-width: 0;
8459
+ border-width: 0px;
8505
8460
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
8506
8461
  height: 1.5rem;
8507
8462
  margin-top: -0.75rem;
@@ -8532,20 +8487,20 @@ button.link-outline {
8532
8487
  outline: 0;
8533
8488
  }
8534
8489
  .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
8535
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
8490
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
8536
8491
  }
8537
8492
  .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
8538
8493
  visibility: visible;
8539
8494
  opacity: 1;
8540
8495
  }
8541
8496
  .clay-range-input .form-control-range:focus::-moz-range-thumb, .clay-range-input .form-control-range.focus::-moz-range-thumb {
8542
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
8497
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
8543
8498
  }
8544
8499
  .clay-range-input .form-control-range:focus::-ms-thumb, .clay-range-input .form-control-range.focus::-ms-thumb {
8545
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
8500
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
8546
8501
  }
8547
8502
  .clay-range-input .form-control-range:focus::-webkit-slider-thumb, .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
8548
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
8503
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
8549
8504
  }
8550
8505
  .clay-range-input .form-control-range:disabled {
8551
8506
  color: #a7a9bc;
@@ -8717,13 +8672,13 @@ button.link-outline {
8717
8672
  width: 1.5rem;
8718
8673
  }
8719
8674
  .clay-color-btn:active {
8720
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8675
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8721
8676
  }
8722
8677
  .clay-color-btn.active {
8723
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8678
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8724
8679
  }
8725
8680
  .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
8726
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8681
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8727
8682
  }
8728
8683
  .clay-color-btn .c-inner {
8729
8684
  margin-bottom: 0;
@@ -8896,7 +8851,7 @@ button.link-outline {
8896
8851
  }
8897
8852
  .form-file-input:focus + .input-group {
8898
8853
  border-radius: 1px;
8899
- box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8854
+ box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8900
8855
  }
8901
8856
  .form-file-input:disabled {
8902
8857
  cursor: not-allowed;
@@ -8995,12 +8950,12 @@ label.custom-control-label {
8995
8950
  }
8996
8951
  .custom-control-input:focus ~ .custom-control-label::before {
8997
8952
  border-color: #cdced9;
8998
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8953
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
8999
8954
  }
9000
8955
  .custom-control-input:active ~ .custom-control-label::before {
9001
8956
  background-color: #fff;
9002
8957
  border-color: #cdced9;
9003
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8958
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9004
8959
  color: #fff;
9005
8960
  }
9006
8961
  .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
@@ -9181,7 +9136,7 @@ label.custom-control-label {
9181
9136
  }
9182
9137
  .custom-file-input:focus ~ .custom-file-label {
9183
9138
  border-color: #80acff;
9184
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9139
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9185
9140
  }
9186
9141
  .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
9187
9142
  background-color: #f1f2f5;
@@ -9237,13 +9192,13 @@ label.custom-control-label {
9237
9192
  outline: none;
9238
9193
  }
9239
9194
  .custom-range:focus::-webkit-slider-thumb {
9240
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9195
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9241
9196
  }
9242
9197
  .custom-range:focus::-moz-range-thumb {
9243
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9198
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9244
9199
  }
9245
9200
  .custom-range:focus::-ms-thumb {
9246
- box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9201
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
9247
9202
  }
9248
9203
  .custom-range::-moz-focus-outer {
9249
9204
  border: 0;
@@ -9473,7 +9428,7 @@ label.custom-control-label {
9473
9428
  .clay-time-inner-spin .btn {
9474
9429
  align-items: center;
9475
9430
  border-radius: 8px;
9476
- border-width: 0;
9431
+ border-width: 0px;
9477
9432
  display: inline-flex;
9478
9433
  font-size: 8px;
9479
9434
  height: auto;
@@ -9619,7 +9574,7 @@ label.custom-control-label {
9619
9574
 
9620
9575
  .date-picker-calendar-item {
9621
9576
  align-items: center;
9622
- border-width: 0;
9577
+ border-width: 0px;
9623
9578
  display: inline-flex;
9624
9579
  flex-shrink: 0;
9625
9580
  font-weight: 600;
@@ -10039,7 +9994,7 @@ label.custom-control-label {
10039
9994
  }
10040
9995
  .was-validated .form-control:valid:focus,
10041
9996
  .was-validated .form-control.is-valid:focus {
10042
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9997
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10043
9998
  }
10044
9999
 
10045
10000
  .was-validated .form-control:invalid,
@@ -10051,7 +10006,7 @@ label.custom-control-label {
10051
10006
  }
10052
10007
  .was-validated .form-control:invalid:focus,
10053
10008
  .was-validated .form-control.is-invalid:focus {
10054
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10009
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10055
10010
  }
10056
10011
 
10057
10012
  .has-error .custom-control-label,
@@ -10065,7 +10020,7 @@ label.custom-control-label {
10065
10020
  color: #272833;
10066
10021
  }
10067
10022
  .has-error .form-control:focus, .has-error .form-control.focus {
10068
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10023
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10069
10024
  }
10070
10025
  .has-error .form-control[readonly] {
10071
10026
  background-color: #fff;
@@ -10090,7 +10045,7 @@ label.custom-control-label {
10090
10045
  color: #272833;
10091
10046
  }
10092
10047
  .has-error .input-group-item.focus {
10093
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10048
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10094
10049
  }
10095
10050
  .has-error .input-group-item.focus .input-group-inset {
10096
10051
  background-color: #feefef;
@@ -10124,7 +10079,7 @@ label.custom-control-label {
10124
10079
  color: #272833;
10125
10080
  }
10126
10081
  .has-warning .form-control:focus, .has-warning .form-control.focus {
10127
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10082
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10128
10083
  }
10129
10084
  .has-warning .form-control[readonly] {
10130
10085
  background-color: #fff;
@@ -10149,7 +10104,7 @@ label.custom-control-label {
10149
10104
  color: #272833;
10150
10105
  }
10151
10106
  .has-warning .input-group-item.focus {
10152
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10107
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10153
10108
  }
10154
10109
  .has-warning .input-group-item.focus .input-group-inset {
10155
10110
  background-color: #fff4ec;
@@ -10183,7 +10138,7 @@ label.custom-control-label {
10183
10138
  color: #272833;
10184
10139
  }
10185
10140
  .has-success .form-control:focus, .has-success .form-control.focus {
10186
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10141
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10187
10142
  }
10188
10143
  .has-success .form-control[readonly] {
10189
10144
  background-color: #fff;
@@ -10208,7 +10163,7 @@ label.custom-control-label {
10208
10163
  color: #272833;
10209
10164
  }
10210
10165
  .has-success .input-group-item.focus {
10211
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10166
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10212
10167
  }
10213
10168
  .has-success .input-group-item.focus .input-group-inset {
10214
10169
  background-color: #edf9f0;
@@ -10358,7 +10313,7 @@ label.custom-control-label {
10358
10313
  }
10359
10314
  .input-group-item.focus {
10360
10315
  border-radius: 0.25rem;
10361
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10316
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
10362
10317
  }
10363
10318
  .input-group-item.focus.input-group-prepend {
10364
10319
  border-bottom-right-radius: 0;
@@ -11050,7 +11005,7 @@ label.custom-control-label {
11050
11005
  }
11051
11006
  .list-group-title[href]:focus,
11052
11007
  .list-group-title [href]:focus {
11053
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
11008
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
11054
11009
  outline: 0;
11055
11010
  }
11056
11011
  .list-group-subtitle {
@@ -11077,7 +11032,7 @@ label.custom-control-label {
11077
11032
  }
11078
11033
  .list-group-subtitle[href]:focus,
11079
11034
  .list-group-subtitle [href]:focus {
11080
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
11035
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
11081
11036
  outline: 0;
11082
11037
  }
11083
11038
  .list-group-text {
@@ -11105,7 +11060,7 @@ label.custom-control-label {
11105
11060
  }
11106
11061
  .list-group-text[href]:focus,
11107
11062
  .list-group-text [href]:focus {
11108
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
11063
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
11109
11064
  outline: 0;
11110
11065
  }
11111
11066
  .list-group-subtext {
@@ -11133,7 +11088,7 @@ label.custom-control-label {
11133
11088
  }
11134
11089
  .list-group-subtext[href]:focus,
11135
11090
  .list-group-subtext [href]:focus {
11136
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
11091
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
11137
11092
  outline: 0;
11138
11093
  }
11139
11094
  .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
@@ -11484,8 +11439,8 @@ label.custom-control-label {
11484
11439
  }
11485
11440
  .list-group-notification .list-group-item-primary {
11486
11441
  background-color: #fff;
11487
- border-bottom-left-radius: 0;
11488
- border-top-left-radius: 0;
11442
+ border-bottom-left-radius: 0px;
11443
+ border-top-left-radius: 0px;
11489
11444
  box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
11490
11445
  }
11491
11446
  .list-group-notification .list-group-item-primary.active {
@@ -12179,7 +12134,7 @@ label.custom-control-label {
12179
12134
  align-items: center;
12180
12135
  background-color: #f1f2f5;
12181
12136
  border-radius: 100px;
12182
- border-width: 0;
12137
+ border-width: 0px;
12183
12138
  color: #6b6c7e;
12184
12139
  cursor: pointer;
12185
12140
  display: flex;
@@ -12201,7 +12156,7 @@ label.custom-control-label {
12201
12156
  }
12202
12157
  .multi-step-icon:focus {
12203
12158
  background-color: #f1f2f5;
12204
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12159
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
12205
12160
  color: #6b6c7e;
12206
12161
  outline: 0;
12207
12162
  text-decoration: none;
@@ -12334,10 +12289,10 @@ label.custom-control-label {
12334
12289
  width: 100%;
12335
12290
  }
12336
12291
  .nav-link.btn-unstyled:focus, .nav-link.btn-unstyled.focus {
12337
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12292
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
12338
12293
  }
12339
12294
  .nav-link.btn-unstyled:active:focus {
12340
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12295
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
12341
12296
  }
12342
12297
  .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
12343
12298
  opacity: 1;
@@ -12647,7 +12602,7 @@ label.custom-control-label {
12647
12602
  }
12648
12603
  .nav-tabs .nav-link:focus {
12649
12604
  border-color: transparent;
12650
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12605
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
12651
12606
  outline: 0;
12652
12607
  }
12653
12608
  .nav-tabs .nav-link:active {
@@ -12745,7 +12700,7 @@ label.custom-control-label {
12745
12700
  width: auto;
12746
12701
  }
12747
12702
  .nav-underline .nav-link:focus {
12748
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12703
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
12749
12704
  outline: 0;
12750
12705
  }
12751
12706
  .nav-underline .nav-link.active {
@@ -12872,13 +12827,13 @@ label.custom-control-label {
12872
12827
  }
12873
12828
  @media (max-width: 767.98px) {
12874
12829
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-md.menubar-transparent .menubar-toggler.focus {
12875
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12830
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
12876
12831
  outline: 0;
12877
12832
  }
12878
12833
  }
12879
12834
  @media (max-width: 767.98px) {
12880
12835
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler:active:focus {
12881
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12836
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
12882
12837
  }
12883
12838
  }
12884
12839
  @media (max-width: 767.98px) {
@@ -12902,7 +12857,7 @@ label.custom-control-label {
12902
12857
  }
12903
12858
  .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
12904
12859
  background-color: rgba(39, 40, 51, 0.03);
12905
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
12860
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
12906
12861
  color: #272833;
12907
12862
  outline: 0;
12908
12863
  }
@@ -13071,13 +13026,13 @@ label.custom-control-label {
13071
13026
  }
13072
13027
  @media (max-width: 991.98px) {
13073
13028
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:focus, .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler.focus {
13074
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
13029
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
13075
13030
  outline: 0;
13076
13031
  }
13077
13032
  }
13078
13033
  @media (max-width: 991.98px) {
13079
13034
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler:active:focus {
13080
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
13035
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
13081
13036
  }
13082
13037
  }
13083
13038
  @media (max-width: 991.98px) {
@@ -13101,7 +13056,7 @@ label.custom-control-label {
13101
13056
  }
13102
13057
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
13103
13058
  background-color: rgba(39, 40, 51, 0.03);
13104
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
13059
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
13105
13060
  color: #272833;
13106
13061
  outline: 0;
13107
13062
  }
@@ -15019,7 +14974,7 @@ label.custom-control-label {
15019
14974
  }
15020
14975
  .application-bar .navbar-nav .nav-link:focus,
15021
14976
  .application-bar .navbar-nav .btn-unstyled:focus {
15022
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14977
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
15023
14978
  }
15024
14979
  .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled,
15025
14980
  .application-bar .navbar-nav .btn-unstyled:disabled,
@@ -15037,7 +14992,7 @@ label.custom-control-label {
15037
14992
  }
15038
14993
  }
15039
14994
  .application-bar .navbar-brand:focus {
15040
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14995
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
15041
14996
  }
15042
14997
  .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
15043
14998
  box-shadow: none;
@@ -16086,7 +16041,7 @@ label.custom-control-label {
16086
16041
  }
16087
16042
  .management-bar .navbar-nav .nav-link:focus,
16088
16043
  .management-bar .navbar-nav .btn-unstyled:focus {
16089
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16044
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
16090
16045
  }
16091
16046
  .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled,
16092
16047
  .management-bar .navbar-nav .btn-unstyled:disabled,
@@ -16104,7 +16059,7 @@ label.custom-control-label {
16104
16059
  }
16105
16060
  }
16106
16061
  .management-bar .navbar-brand:focus {
16107
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16062
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
16108
16063
  }
16109
16064
  .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
16110
16065
  box-shadow: none;
@@ -16223,6 +16178,8 @@ label.custom-control-label {
16223
16178
  .management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled,
16224
16179
  .management-bar-primary .navbar-nav .btn-unstyled:disabled,
16225
16180
  .management-bar-primary .navbar-nav .btn-unstyled.disabled {
16181
+ color: #a7a9bc;
16182
+ opacity: 1;
16226
16183
  background-color: transparent;
16227
16184
  }
16228
16185
  .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show,
@@ -16251,6 +16208,8 @@ label.custom-control-label {
16251
16208
  color: #272833;
16252
16209
  }
16253
16210
  .management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
16211
+ color: #a7a9bc;
16212
+ opacity: 1;
16254
16213
  background-color: transparent;
16255
16214
  }
16256
16215
  .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
@@ -16647,12 +16606,12 @@ label.custom-control-label {
16647
16606
  }
16648
16607
  .navigation-bar .navbar-nav .nav-link,
16649
16608
  .navigation-bar .navbar-nav .btn-unstyled {
16650
- border-radius: 0;
16609
+ border-radius: 0px;
16651
16610
  outline: 0;
16652
16611
  }
16653
16612
  .navigation-bar .navbar-nav .nav-link:focus,
16654
16613
  .navigation-bar .navbar-nav .btn-unstyled:focus {
16655
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16614
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
16656
16615
  }
16657
16616
  .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled,
16658
16617
  .navigation-bar .navbar-nav .btn-unstyled:disabled,
@@ -16660,11 +16619,11 @@ label.custom-control-label {
16660
16619
  box-shadow: none;
16661
16620
  }
16662
16621
  .navigation-bar .navbar-brand {
16663
- border-radius: 0;
16622
+ border-radius: 0px;
16664
16623
  outline: 0;
16665
16624
  }
16666
16625
  .navigation-bar .navbar-brand:focus {
16667
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16626
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
16668
16627
  }
16669
16628
  .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
16670
16629
  box-shadow: none;
@@ -16912,7 +16871,7 @@ label.custom-control-label {
16912
16871
  z-index: 2;
16913
16872
  }
16914
16873
  .page-link:focus {
16915
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16874
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
16916
16875
  outline: 0;
16917
16876
  z-index: 4;
16918
16877
  background-color: rgba(0, 0, 0, 0.02);
@@ -17032,7 +16991,7 @@ label.custom-control-label {
17032
16991
  }
17033
16992
  .pagination-items-per-page > a:focus,
17034
16993
  .pagination-items-per-page > button:focus {
17035
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16994
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
17036
16995
  outline: 0;
17037
16996
  background-color: rgba(0, 0, 0, 0.02);
17038
16997
  border-color: transparent;
@@ -17220,7 +17179,7 @@ label.custom-control-label {
17220
17179
  }
17221
17180
 
17222
17181
  .panel-header {
17223
- border-bottom: 0 solid transparent;
17182
+ border-bottom: 0px solid transparent;
17224
17183
  border-top-left-radius: calc(
17225
17184
  0.25rem - 1px
17226
17185
  );
@@ -17268,7 +17227,7 @@ label.custom-control-label {
17268
17227
  }
17269
17228
  .panel-header-link:focus {
17270
17229
  z-index: 1;
17271
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
17230
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
17272
17231
  outline: 0;
17273
17232
  }
17274
17233
  .panel-header-link .collapse-icon {
@@ -17286,7 +17245,7 @@ label.custom-control-label {
17286
17245
  border-bottom-right-radius: calc(
17287
17246
  0.25rem - 1px
17288
17247
  );
17289
- border-top: 0 solid transparent;
17248
+ border-top: 0px solid transparent;
17290
17249
  padding: 0.75rem 1.25rem;
17291
17250
  }
17292
17251
 
@@ -17334,7 +17293,7 @@ label.custom-control-label {
17334
17293
  border-bottom-width: 0;
17335
17294
  }
17336
17295
  .panel-group .panel-header + .panel-collapse > .panel-body {
17337
- border-top: 0 solid transparent;
17296
+ border-top: 0px solid transparent;
17338
17297
  }
17339
17298
  .panel-group .panel-unstyled {
17340
17299
  margin-bottom: 1.5rem;
@@ -17469,13 +17428,13 @@ label.custom-control-label {
17469
17428
  }
17470
17429
  .panel-unstyled {
17471
17430
  background-color: transparent;
17472
- border-radius: 0;
17473
- border-width: 0;
17431
+ border-radius: 0px;
17432
+ border-width: 0px;
17474
17433
  margin-bottom: 1.5rem;
17475
17434
  }
17476
17435
  .panel-unstyled .panel-header {
17477
17436
  border-color: #a7a9bc;
17478
- border-radius: 0;
17437
+ border-radius: 0px;
17479
17438
  border-style: solid;
17480
17439
  border-width: 0 0 1px 0;
17481
17440
  padding-left: 0;
@@ -17558,7 +17517,17 @@ label.custom-control-label {
17558
17517
  .popover .inline-scroller {
17559
17518
  max-height: 14.875rem;
17560
17519
  }
17561
-
17520
+ .popover-secondary {
17521
+ box-shadow: 0 8px 16px 0 rgba(11, 95, 255, 0.16);
17522
+ }
17523
+ .popover-secondary .popover-header {
17524
+ background-color: transparent;
17525
+ border-color: transparent;
17526
+ padding-bottom: 0;
17527
+ }
17528
+ .popover-secondary .close {
17529
+ color: #6b6c7e;
17530
+ }
17562
17531
  .bs-popover-bottom,
17563
17532
  .bs-popover-auto[x-placement^=bottom] {
17564
17533
  margin-top: 0.3rem;
@@ -17686,14 +17655,15 @@ label.custom-control-label {
17686
17655
  .popover-header:empty {
17687
17656
  display: none;
17688
17657
  }
17689
-
17690
17658
  .popover-body {
17691
17659
  border-bottom-left-radius: 0.1875rem;
17692
17660
  border-bottom-right-radius: 0.1875rem;
17693
17661
  color: #6b6c7e;
17694
17662
  padding: 0.75rem 1rem;
17695
17663
  }
17696
-
17664
+ .popover-width-lg {
17665
+ max-width: 421px;
17666
+ }
17697
17667
  .clay-popover-top,
17698
17668
  .clay-popover-top-left,
17699
17669
  .clay-popover-top-right {
@@ -18224,7 +18194,7 @@ a.sheet-subtitle:hover {
18224
18194
  text-decoration: none;
18225
18195
  }
18226
18196
  a.sheet-subtitle:focus {
18227
- box-shadow: 0 0 0 0.25rem #fff , 0 0 0 0.375rem #80acff;
18197
+ box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
18228
18198
  outline: 0;
18229
18199
  }
18230
18200
  .sheet-tertiary-title {
@@ -18277,7 +18247,7 @@ a.sheet-subtitle:focus {
18277
18247
  }
18278
18248
 
18279
18249
  .sheet-dataset-content .sheet-header {
18280
- border-width: 0;
18250
+ border-width: 0px;
18281
18251
  margin: -1.5rem -1.5rem 1.5rem;
18282
18252
  padding: 1rem 1.5rem;
18283
18253
  }
@@ -18529,7 +18499,7 @@ a.sheet-subtitle:focus {
18529
18499
  background-color: #fff;
18530
18500
  border-color: #e7e7ed;
18531
18501
  border-bottom-width: 0;
18532
- border-left-width: 0;
18502
+ border-left-width: 0px;
18533
18503
  border-right-width: 0;
18534
18504
  border-top-width: 0;
18535
18505
  box-shadow: -0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
@@ -18553,7 +18523,7 @@ a.sheet-subtitle:focus {
18553
18523
  color: #272833;
18554
18524
  }
18555
18525
  .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
18556
- box-shadow: 0 0 0 0.25rem #fff , 0 0 0 0.375rem #80acff;
18526
+ box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #80acff;
18557
18527
  }
18558
18528
  .sidebar-light .component-navigation-bar {
18559
18529
  background-color: #fff;
@@ -18645,7 +18615,7 @@ a.sheet-subtitle:focus {
18645
18615
  color: #fff;
18646
18616
  }
18647
18617
  .sidebar-dark .nav-nested .nav-link:focus {
18648
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
18618
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
18649
18619
  outline: 0;
18650
18620
  }
18651
18621
  .sidebar-dark .nav-nested .nav-link:active {
@@ -18839,7 +18809,7 @@ caption {
18839
18809
  .table thead th {
18840
18810
  background-color: #fff;
18841
18811
  border-bottom: 1px solid #e7e7ed;
18842
- border-top-width: 0;
18812
+ border-top-width: 0px;
18843
18813
  vertical-align: bottom;
18844
18814
  }
18845
18815
  .table thead th a {
@@ -18856,7 +18826,7 @@ caption {
18856
18826
  color: #272833;
18857
18827
  }
18858
18828
  .table thead th a:focus {
18859
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
18829
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
18860
18830
  outline: 0;
18861
18831
  }
18862
18832
  .table th {
@@ -18872,8 +18842,8 @@ caption {
18872
18842
  .table td {
18873
18843
  background-clip: padding-box;
18874
18844
  border-bottom-width: 0.0625rem;
18875
- border-left-width: 0;
18876
- border-right-width: 0;
18845
+ border-left-width: 0px;
18846
+ border-right-width: 0px;
18877
18847
  border-top-width: 0.0625rem;
18878
18848
  border-color: #e7e7ed;
18879
18849
  border-style: solid;
@@ -18899,7 +18869,7 @@ caption {
18899
18869
  background-color: #fff;
18900
18870
  }
18901
18871
  .table tbody + tbody {
18902
- border-top: 0.125rem solid #e7e7ed;
18872
+ border-top: calc(2 * 0.0625rem) solid #e7e7ed;
18903
18873
  }
18904
18874
  .table tfoot {
18905
18875
  background-color: #fff;
@@ -18943,8 +18913,7 @@ caption {
18943
18913
  }
18944
18914
  .table-bordered thead td,
18945
18915
  .table-bordered thead th {
18946
- border-bottom-width: 0.125rem;
18947
- border-top-width: 0.0625rem;
18916
+ border-bottom-width: calc(2 * 0.0625rem);
18948
18917
  }
18949
18918
  .table-bordered td,
18950
18919
  .table-bordered th {
@@ -19240,7 +19209,7 @@ caption {
19240
19209
  }
19241
19210
  .table-title[href]:focus,
19242
19211
  .table-title [href]:focus {
19243
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19212
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
19244
19213
  outline: 0;
19245
19214
  }
19246
19215
  .table-link {
@@ -19259,7 +19228,7 @@ caption {
19259
19228
  color: #272833;
19260
19229
  }
19261
19230
  .table-link:focus {
19262
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19231
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
19263
19232
  outline: 0;
19264
19233
  }
19265
19234
  .table-action-link {
@@ -19287,7 +19256,7 @@ caption {
19287
19256
  .table-action-link:focus {
19288
19257
  background-color: rgba(0, 0, 0, 0.02);
19289
19258
  color: #272833;
19290
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19259
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
19291
19260
  outline: 0;
19292
19261
  }
19293
19262
  .table-action-link:active {
@@ -19568,7 +19537,7 @@ caption {
19568
19537
  }
19569
19538
  .table-list-title[href]:focus,
19570
19539
  .table-list-title [href]:focus {
19571
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19540
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
19572
19541
  outline: 0;
19573
19542
  }
19574
19543
  .table-list-link {
@@ -19587,7 +19556,7 @@ caption {
19587
19556
  color: #272833;
19588
19557
  }
19589
19558
  .table-list-link:focus {
19590
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19559
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
19591
19560
  outline: 0;
19592
19561
  }
19593
19562
  .table-list-action-link {
@@ -19614,7 +19583,7 @@ caption {
19614
19583
  .table-list-action-link:focus {
19615
19584
  background-color: rgba(0, 0, 0, 0.02);
19616
19585
  color: #272833;
19617
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19586
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
19618
19587
  outline: 0;
19619
19588
  }
19620
19589
  .table-list-action-link:active {
@@ -20213,8 +20182,8 @@ caption {
20213
20182
  padding-right: 0.25rem;
20214
20183
  }
20215
20184
  .subnav-tbar-primary .tbar-link-monospaced {
20216
- border-radius: 0;
20217
- border-width: 0;
20185
+ border-radius: 0px;
20186
+ border-width: 0px;
20218
20187
  height: 3rem;
20219
20188
  margin-bottom: -0.625rem;
20220
20189
  margin-top: -0.625rem;
@@ -20302,8 +20271,8 @@ caption {
20302
20271
  }
20303
20272
  .tbar-stacked .tbar-btn-monospaced {
20304
20273
  border-color: transparent;
20305
- border-radius: 0;
20306
- border-width: 0;
20274
+ border-radius: 0px;
20275
+ border-width: 0px;
20307
20276
  color: inherit;
20308
20277
  height: 2.5rem;
20309
20278
  margin-bottom: 0;
@@ -20317,10 +20286,10 @@ caption {
20317
20286
  width: 2.5rem;
20318
20287
  }
20319
20288
  .tbar-stacked .tbar-btn-monospaced:focus, .tbar-stacked .tbar-btn-monospaced.focus {
20320
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
20289
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
20321
20290
  }
20322
20291
  .tbar-stacked .tbar-btn-monospaced:active:focus {
20323
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
20292
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
20324
20293
  }
20325
20294
  .tbar-stacked .tbar-btn-monospaced .c-inner {
20326
20295
  margin-bottom: 0;
@@ -20333,7 +20302,7 @@ caption {
20333
20302
  }
20334
20303
  .tbar-light {
20335
20304
  background-color: #fff;
20336
- box-shadow: inset 1px 0 0 0 #f1f2f5 , inset -1px 0 0 0 #f1f2f5;
20305
+ box-shadow: inset 1px 0 0 0 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
20337
20306
  color: #6b6c7e;
20338
20307
  }
20339
20308
  .tbar-light .tbar-divider-before::before {
@@ -20368,7 +20337,7 @@ caption {
20368
20337
  }
20369
20338
  .tbar-dark-l2 {
20370
20339
  background-color: #393a4a;
20371
- box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
20340
+ box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
20372
20341
  border-color: rgba(255, 255, 255, 0.06);
20373
20342
  color: #a7a9bc;
20374
20343
  }
@@ -20404,7 +20373,7 @@ caption {
20404
20373
  }
20405
20374
  .tbar-dark-d1 {
20406
20375
  background-color: #1c1c24;
20407
- box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06) , inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
20376
+ box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
20408
20377
  color: #a7a9bc;
20409
20378
  }
20410
20379
  .tbar-dark-d1 .tbar-divider-before::before {
@@ -20857,7 +20826,7 @@ caption {
20857
20826
  opacity: 0;
20858
20827
  }
20859
20828
  .toggle-switch-check:focus ~ .toggle-switch-bar::before {
20860
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
20829
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
20861
20830
  }
20862
20831
  .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
20863
20832
  cursor: not-allowed;
@@ -21295,10 +21264,10 @@ caption {
21295
21264
  width: 24px;
21296
21265
  }
21297
21266
  .treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
21298
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
21267
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
21299
21268
  }
21300
21269
  .treeview .btn-monospaced:active:focus {
21301
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
21270
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
21302
21271
  }
21303
21272
  .treeview .custom-control {
21304
21273
  margin-left: 4px;
@@ -21402,7 +21371,7 @@ caption {
21402
21371
  text-decoration: none;
21403
21372
  }
21404
21373
  .treeview-link:focus {
21405
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
21374
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
21406
21375
  outline: 0;
21407
21376
  }
21408
21377
  .treeview-link:disabled, .treeview-link.disabled {
@@ -21532,7 +21501,7 @@ caption {
21532
21501
  appearance: none;
21533
21502
  background-color: transparent;
21534
21503
  border-radius: 0.1875rem;
21535
- border-width: 0;
21504
+ border-width: 0px;
21536
21505
  color: #272833;
21537
21506
  cursor: pointer;
21538
21507
  display: inline-flex;
@@ -21562,7 +21531,7 @@ caption {
21562
21531
  outline: 0;
21563
21532
  }
21564
21533
  .close:focus {
21565
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
21534
+ box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
21566
21535
  outline: 0;
21567
21536
  opacity: 0.75;
21568
21537
  }
@@ -21578,7 +21547,7 @@ caption {
21578
21547
  }
21579
21548
 
21580
21549
  .c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
21581
- box-shadow: inset 0 0 0 0.125rem #80acff , inset 0 0 0 0.25rem #fff;
21550
+ box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
21582
21551
  border-color: #80acff;
21583
21552
  outline: 0;
21584
21553
  }
@@ -24837,7 +24806,7 @@ button.bg-dark:focus {
24837
24806
  }
24838
24807
 
24839
24808
  .rounded-0 {
24840
- border-radius: 0 !important;
24809
+ border-radius: 0px !important;
24841
24810
  }
24842
24811
 
24843
24812
  .clearfix::after {