@clayui/css 3.46.0 → 3.49.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 (54) hide show
  1. package/lib/css/atlas.css +192 -84
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +141 -66
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +137 -64
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/icons.svg +1 -1
  9. package/package.json +2 -2
  10. package/src/scss/_cadmin-variables.scss +2 -0
  11. package/src/scss/atlas/variables/_cards.scss +12 -0
  12. package/src/scss/atlas/variables/_forms.scss +9 -8
  13. package/src/scss/atlas/variables/_list-group.scss +28 -12
  14. package/src/scss/atlas-variables.scss +2 -0
  15. package/src/scss/atlas.scss +2 -0
  16. package/src/scss/base-variables.scss +2 -0
  17. package/src/scss/base.scss +2 -0
  18. package/src/scss/cadmin/components/_cards.scss +10 -120
  19. package/src/scss/cadmin/components/_empty-state.scss +36 -0
  20. package/src/scss/cadmin/components/_links.scss +0 -8
  21. package/src/scss/cadmin/components/_treeview.scss +58 -1
  22. package/src/scss/cadmin/variables/_cards.scss +164 -1
  23. package/src/scss/cadmin/variables/_empty-state.scss +23 -0
  24. package/src/scss/cadmin/variables/_forms.scss +9 -8
  25. package/src/scss/cadmin/variables/_links.scss +14 -0
  26. package/src/scss/cadmin/variables/_list-group.scss +32 -16
  27. package/src/scss/cadmin/variables/_sidebar.scss +1 -1
  28. package/src/scss/cadmin/variables/_treeview.scss +17 -1
  29. package/src/scss/cadmin.scss +2 -0
  30. package/src/scss/components/_cards.scss +28 -122
  31. package/src/scss/components/_custom-forms.scss +2 -2
  32. package/src/scss/components/_dropdowns.scss +0 -28
  33. package/src/scss/components/_empty-state.scss +30 -0
  34. package/src/scss/components/_links.scss +1 -9
  35. package/src/scss/components/_multi-step-nav.scss +11 -5
  36. package/src/scss/components/_tables.scss +0 -8
  37. package/src/scss/components/_treeview.scss +58 -1
  38. package/src/scss/mixins/_alerts.scss +180 -113
  39. package/src/scss/mixins/_cards.scss +59 -25
  40. package/src/scss/mixins/_dropdown-menu.scss +17 -0
  41. package/src/scss/mixins/_links.scss +22 -2
  42. package/src/scss/variables/_cards.scss +158 -4
  43. package/src/scss/variables/_custom-forms.scss +19 -4
  44. package/src/scss/variables/_dropdowns.scss +45 -0
  45. package/src/scss/variables/_empty-state.scss +23 -0
  46. package/src/scss/variables/_links.scss +21 -3
  47. package/src/scss/variables/_list-group.scss +22 -12
  48. package/src/scss/variables/_multi-step-nav.scss +6 -0
  49. package/src/scss/variables/_range.scss +4 -2
  50. package/src/scss/variables/_sidebar.scss +3 -3
  51. package/src/scss/variables/_stickers.scss +3 -3
  52. package/src/scss/variables/_tables.scss +14 -0
  53. package/src/scss/variables/_toggle-switch.scss +14 -2
  54. package/src/scss/variables/_treeview.scss +21 -1
package/lib/css/cadmin.css CHANGED
@@ -4091,6 +4091,20 @@ html:not(#__):not(#___) .cadmin .c-empty-state-footer {
4091
4091
  overflow-wrap: break-word;
4092
4092
  word-wrap: break-word;
4093
4093
  }
4094
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm.c-empty-state-animation {
4095
+ margin: 2.5rem auto 2rem;
4096
+ max-width: 268px;
4097
+ }
4098
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-image {
4099
+ max-width: 120px;
4100
+ }
4101
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-title {
4102
+ font-size: 1rem;
4103
+ line-height: 1.5;
4104
+ }
4105
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-text {
4106
+ font-size: 0.875rem;
4107
+ }
4094
4108
  html:not(#__):not(#___) .cadmin .label {
4095
4109
  border-color: #272833;
4096
4110
  border-radius: 2px;
@@ -4692,34 +4706,17 @@ html:not(#__):not(#___) .cadmin .card,
4692
4706
  html:not(#__):not(#___) .cadmin .card-horizontal {
4693
4707
  background-color: #fff;
4694
4708
  border-color: rgba(0, 0, 0, 0.125);
4709
+ border-radius: 4px;
4695
4710
  border-style: solid;
4696
4711
  border-width: 0px;
4697
- border-radius: 4px;
4698
4712
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
4699
4713
  display: block;
4700
4714
  margin-bottom: 24px;
4701
4715
  min-width: 0;
4702
4716
  position: relative;
4717
+ overflow-wrap: break-word;
4703
4718
  word-wrap: break-word;
4704
4719
  }
4705
- html:not(#__):not(#___) .cadmin .card .autofit-col:first-child,
4706
- html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:first-child {
4707
- border-bottom-left-radius: calc(
4708
- 4px - 0px
4709
- );
4710
- border-top-left-radius: calc(
4711
- 4px - 0px
4712
- );
4713
- }
4714
- html:not(#__):not(#___) .cadmin .card .autofit-col:last-child,
4715
- html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:last-child {
4716
- border-bottom-right-radius: calc(
4717
- 4px - 0px
4718
- );
4719
- border-top-right-radius: calc(
4720
- 4px - 0px
4721
- );
4722
- }
4723
4720
  html:not(#__):not(#___) .cadmin .card .aspect-ratio .label,
4724
4721
  html:not(#__):not(#___) .cadmin .card-horizontal .aspect-ratio .label {
4725
4722
  display: block;
@@ -4765,6 +4762,24 @@ html:not(#__):not(#___) .cadmin .card-horizontal > hr {
4765
4762
  margin-left: 0;
4766
4763
  margin-right: 0;
4767
4764
  }
4765
+ html:not(#__):not(#___) .cadmin .card .autofit-col:first-child,
4766
+ html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:first-child {
4767
+ border-bottom-left-radius: calc(
4768
+ 4px - 0px
4769
+ );
4770
+ border-top-left-radius: calc(
4771
+ 4px - 0px
4772
+ );
4773
+ }
4774
+ html:not(#__):not(#___) .cadmin .card .autofit-col:last-child,
4775
+ html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:last-child {
4776
+ border-bottom-right-radius: calc(
4777
+ 4px - 0px
4778
+ );
4779
+ border-top-right-radius: calc(
4780
+ 4px - 0px
4781
+ );
4782
+ }
4768
4783
  html:not(#__):not(#___) .cadmin .card > .list-group:first-child .list-group-item:first-child,
4769
4784
  html:not(#__):not(#___) .cadmin .card-horizontal > .list-group:first-child .list-group-item:first-child {
4770
4785
  border-top-left-radius: 4px;
@@ -4799,10 +4814,12 @@ html:not(#__):not(#___) .cadmin .card-title {
4799
4814
  line-height: 1.5;
4800
4815
  margin-bottom: 0;
4801
4816
  }
4802
- html:not(#__):not(#___) .cadmin .card-title a {
4817
+ html:not(#__):not(#___) .cadmin .card-title[href],
4818
+ html:not(#__):not(#___) .cadmin .card-title [href] {
4803
4819
  color: #272833;
4804
4820
  }
4805
- html:not(#__):not(#___) .cadmin .card-title a:hover {
4821
+ html:not(#__):not(#___) .cadmin .card-title[href]:hover,
4822
+ html:not(#__):not(#___) .cadmin .card-title [href]:hover {
4806
4823
  color: #272833;
4807
4824
  }
4808
4825
  html:not(#__):not(#___) .cadmin .card-subtitle {
@@ -4812,10 +4829,12 @@ html:not(#__):not(#___) .cadmin .card-subtitle {
4812
4829
  margin-bottom: 0;
4813
4830
  margin-top: 0;
4814
4831
  }
4815
- html:not(#__):not(#___) .cadmin .card-subtitle a {
4832
+ html:not(#__):not(#___) .cadmin .card-subtitle[href],
4833
+ html:not(#__):not(#___) .cadmin .card-subtitle [href] {
4816
4834
  color: #6b6c7e;
4817
4835
  }
4818
- html:not(#__):not(#___) .cadmin .card-subtitle a:hover {
4836
+ html:not(#__):not(#___) .cadmin .card-subtitle[href]:hover,
4837
+ html:not(#__):not(#___) .cadmin .card-subtitle [href]:hover {
4819
4838
  color: #6b6c7e;
4820
4839
  }
4821
4840
  html:not(#__):not(#___) .cadmin .card-text:last-child {
@@ -4848,11 +4867,7 @@ html:not(#__):not(#___) .cadmin .card-header {
4848
4867
  padding: 12px 20px;
4849
4868
  }
4850
4869
  html:not(#__):not(#___) .cadmin .card-header:first-child {
4851
- border-radius: calc(
4852
- 4px - 0px
4853
- ) calc(
4854
- 4px - 0px
4855
- ) 0 0;
4870
+ border-radius: calc( 4px - 0px ) calc( 4px - 0px ) 0 0;
4856
4871
  }
4857
4872
  html:not(#__):not(#___) .cadmin .card-header + .list-group .list-group-item:first-child {
4858
4873
  border-top: 0;
@@ -4863,11 +4878,7 @@ html:not(#__):not(#___) .cadmin .card-footer {
4863
4878
  padding: 12px 20px;
4864
4879
  }
4865
4880
  html:not(#__):not(#___) .cadmin .card-footer:last-child {
4866
- border-radius: 0 0 calc(
4867
- 4px - 0px
4868
- ) calc(
4869
- 4px - 0px
4870
- );
4881
+ border-radius: 0 0 calc( 4px - 0px ) calc( 4px - 0px );
4871
4882
  }
4872
4883
  html:not(#__):not(#___) .cadmin .card-img-overlay {
4873
4884
  bottom: 0;
@@ -6338,8 +6349,22 @@ html:not(#__):not(#___) .cadmin .form-control .label {
6338
6349
  margin-right: 10px;
6339
6350
  margin-top: 5px;
6340
6351
  min-height: 24px;
6352
+ padding-bottom: 5px;
6353
+ padding-left: 8px;
6354
+ padding-right: 8px;
6355
+ padding-top: 5px;
6341
6356
  text-transform: none;
6342
6357
  }
6358
+ html:not(#__):not(#___) .cadmin .form-control .label .label-item {
6359
+ margin-bottom: -1px;
6360
+ margin-top: -1px;
6361
+ }
6362
+ html:not(#__):not(#___) .cadmin .form-control .label > .c-inner {
6363
+ margin-bottom: -5px;
6364
+ margin-left: -8px;
6365
+ margin-right: -8px;
6366
+ margin-top: -5px;
6367
+ }
6343
6368
  html:not(#__):not(#___) .cadmin fieldset[disabled] .form-control {
6344
6369
  background-color: #f1f2f5;
6345
6370
  border-color: #f1f2f5;
@@ -7065,20 +7090,24 @@ html:not(#__):not(#___) .cadmin .component-title {
7065
7090
  margin-bottom: calc((32px - (1em * 1.25)) / 2);
7066
7091
  margin-top: calc((32px - (1em * 1.25)) / 2);
7067
7092
  }
7068
- html:not(#__):not(#___) .cadmin .component-title a {
7093
+ html:not(#__):not(#___) .cadmin .component-title[href],
7094
+ html:not(#__):not(#___) .cadmin .component-title [href] {
7069
7095
  border-radius: 1px;
7070
7096
  color: #272833;
7071
7097
  transition: box-shadow 0.15s ease-in-out;
7072
7098
  }
7073
7099
  @media (prefers-reduced-motion: reduce) {
7074
- html:not(#__):not(#___) .cadmin .component-title a {
7100
+ html:not(#__):not(#___) .cadmin .component-title[href],
7101
+ html:not(#__):not(#___) .cadmin .component-title [href] {
7075
7102
  transition: none;
7076
7103
  }
7077
7104
  }
7078
- html:not(#__):not(#___) .cadmin .component-title a:hover {
7105
+ html:not(#__):not(#___) .cadmin .component-title[href]:hover,
7106
+ html:not(#__):not(#___) .cadmin .component-title [href]:hover {
7079
7107
  color: #060608;
7080
7108
  }
7081
- html:not(#__):not(#___) .cadmin .component-title a:focus {
7109
+ html:not(#__):not(#___) .cadmin .component-title[href]:focus,
7110
+ html:not(#__):not(#___) .cadmin .component-title [href]:focus {
7082
7111
  color: #060608;
7083
7112
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
7084
7113
  outline: 0;
@@ -7089,20 +7118,24 @@ html:not(#__):not(#___) .cadmin .component-subtitle {
7089
7118
  line-height: 1.45;
7090
7119
  margin-bottom: 0;
7091
7120
  }
7092
- html:not(#__):not(#___) .cadmin .component-subtitle a {
7121
+ html:not(#__):not(#___) .cadmin .component-subtitle[href],
7122
+ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7093
7123
  border-radius: 1px;
7094
7124
  color: #6b6c7e;
7095
7125
  transition: box-shadow 0.15s ease-in-out;
7096
7126
  }
7097
7127
  @media (prefers-reduced-motion: reduce) {
7098
- html:not(#__):not(#___) .cadmin .component-subtitle a {
7128
+ html:not(#__):not(#___) .cadmin .component-subtitle[href],
7129
+ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7099
7130
  transition: none;
7100
7131
  }
7101
7132
  }
7102
- html:not(#__):not(#___) .cadmin .component-subtitle a:hover {
7133
+ html:not(#__):not(#___) .cadmin .component-subtitle[href]:hover,
7134
+ html:not(#__):not(#___) .cadmin .component-subtitle [href]:hover {
7103
7135
  color: #272833;
7104
7136
  }
7105
- html:not(#__):not(#___) .cadmin .component-subtitle a:focus {
7137
+ html:not(#__):not(#___) .cadmin .component-subtitle[href]:focus,
7138
+ html:not(#__):not(#___) .cadmin .component-subtitle [href]:focus {
7106
7139
  color: #272833;
7107
7140
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
7108
7141
  outline: 0;
@@ -9083,7 +9116,8 @@ html:not(#__):not(#___) .cadmin .list-group-title {
9083
9116
  margin-bottom: 0;
9084
9117
  margin-top: -4px;
9085
9118
  }
9086
- html:not(#__):not(#___) .cadmin .list-group-title a {
9119
+ html:not(#__):not(#___) .cadmin .list-group-title[href],
9120
+ html:not(#__):not(#___) .cadmin .list-group-title [href] {
9087
9121
  border-radius: 1px;
9088
9122
  color: #272833;
9089
9123
  display: inline-block;
@@ -9091,14 +9125,17 @@ html:not(#__):not(#___) .cadmin .list-group-title a {
9091
9125
  max-width: 100%;
9092
9126
  }
9093
9127
  @media (prefers-reduced-motion: reduce) {
9094
- html:not(#__):not(#___) .cadmin .list-group-title a {
9128
+ html:not(#__):not(#___) .cadmin .list-group-title[href],
9129
+ html:not(#__):not(#___) .cadmin .list-group-title [href] {
9095
9130
  transition: none;
9096
9131
  }
9097
9132
  }
9098
- html:not(#__):not(#___) .cadmin .list-group-title a:hover {
9133
+ html:not(#__):not(#___) .cadmin .list-group-title[href]:hover,
9134
+ html:not(#__):not(#___) .cadmin .list-group-title [href]:hover {
9099
9135
  color: #272833;
9100
9136
  }
9101
- html:not(#__):not(#___) .cadmin .list-group-title a:focus {
9137
+ html:not(#__):not(#___) .cadmin .list-group-title[href]:focus,
9138
+ html:not(#__):not(#___) .cadmin .list-group-title [href]:focus {
9102
9139
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9103
9140
  outline: 0;
9104
9141
  }
@@ -9106,7 +9143,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle {
9106
9143
  color: #6b6c7e;
9107
9144
  margin-bottom: 0;
9108
9145
  }
9109
- html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9146
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
9147
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9110
9148
  border-radius: 1px;
9111
9149
  color: #6b6c7e;
9112
9150
  display: inline-block;
@@ -9114,14 +9152,17 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9114
9152
  transition: box-shadow 0.15s ease-in-out;
9115
9153
  }
9116
9154
  @media (prefers-reduced-motion: reduce) {
9117
- html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9155
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
9156
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9118
9157
  transition: none;
9119
9158
  }
9120
9159
  }
9121
- html:not(#__):not(#___) .cadmin .list-group-subtitle a:hover {
9160
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:hover,
9161
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:hover {
9122
9162
  color: #272833;
9123
9163
  }
9124
- html:not(#__):not(#___) .cadmin .list-group-subtitle a:focus {
9164
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:focus,
9165
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:focus {
9125
9166
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9126
9167
  outline: 0;
9127
9168
  }
@@ -9130,7 +9171,8 @@ html:not(#__):not(#___) .cadmin .list-group-text {
9130
9171
  line-height: 1.45;
9131
9172
  margin-bottom: 0;
9132
9173
  }
9133
- html:not(#__):not(#___) .cadmin .list-group-text a {
9174
+ html:not(#__):not(#___) .cadmin .list-group-text[href],
9175
+ html:not(#__):not(#___) .cadmin .list-group-text [href] {
9134
9176
  border-radius: 1px;
9135
9177
  color: #272833;
9136
9178
  display: inline-block;
@@ -9138,14 +9180,17 @@ html:not(#__):not(#___) .cadmin .list-group-text a {
9138
9180
  transition: box-shadow 0.15s ease-in-out;
9139
9181
  }
9140
9182
  @media (prefers-reduced-motion: reduce) {
9141
- html:not(#__):not(#___) .cadmin .list-group-text a {
9183
+ html:not(#__):not(#___) .cadmin .list-group-text[href],
9184
+ html:not(#__):not(#___) .cadmin .list-group-text [href] {
9142
9185
  transition: none;
9143
9186
  }
9144
9187
  }
9145
- html:not(#__):not(#___) .cadmin .list-group-text a:hover {
9188
+ html:not(#__):not(#___) .cadmin .list-group-text[href]:hover,
9189
+ html:not(#__):not(#___) .cadmin .list-group-text [href]:hover {
9146
9190
  color: #272833;
9147
9191
  }
9148
- html:not(#__):not(#___) .cadmin .list-group-text a:focus {
9192
+ html:not(#__):not(#___) .cadmin .list-group-text[href]:focus,
9193
+ html:not(#__):not(#___) .cadmin .list-group-text [href]:focus {
9149
9194
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9150
9195
  outline: 0;
9151
9196
  }
@@ -9154,7 +9199,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtext {
9154
9199
  line-height: 1.45;
9155
9200
  margin-bottom: 0;
9156
9201
  }
9157
- html:not(#__):not(#___) .cadmin .list-group-subtext a {
9202
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href],
9203
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9158
9204
  border-radius: 1px;
9159
9205
  color: #6b6c7e;
9160
9206
  display: inline-block;
@@ -9162,14 +9208,17 @@ html:not(#__):not(#___) .cadmin .list-group-subtext a {
9162
9208
  transition: box-shadow 0.15s ease-in-out;
9163
9209
  }
9164
9210
  @media (prefers-reduced-motion: reduce) {
9165
- html:not(#__):not(#___) .cadmin .list-group-subtext a {
9211
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href],
9212
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9166
9213
  transition: none;
9167
9214
  }
9168
9215
  }
9169
- html:not(#__):not(#___) .cadmin .list-group-subtext a:hover {
9216
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href]:hover,
9217
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href]:hover {
9170
9218
  color: #272833;
9171
9219
  }
9172
- html:not(#__):not(#___) .cadmin .list-group-subtext a:focus {
9220
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href]:focus,
9221
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href]:focus {
9173
9222
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9174
9223
  outline: 0;
9175
9224
  }
@@ -14926,7 +14975,8 @@ html:not(#__):not(#___) .cadmin .sidebar-header .component-title {
14926
14975
  font-size: 20px;
14927
14976
  font-weight: 600;
14928
14977
  }
14929
- html:not(#__):not(#___) .cadmin .sidebar-header .component-title a {
14978
+ html:not(#__):not(#___) .cadmin .sidebar-header .component-title[href],
14979
+ html:not(#__):not(#___) .cadmin .sidebar-header .component-title [href] {
14930
14980
  color: #272833;
14931
14981
  }
14932
14982
  html:not(#__):not(#___) .cadmin .sidebar-header .component-subtitle {
@@ -15024,7 +15074,8 @@ html:not(#__):not(#___) .cadmin .sidebar-light {
15024
15074
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title {
15025
15075
  font-size: 16px;
15026
15076
  }
15027
- html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title a {
15077
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title[href],
15078
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title [href] {
15028
15079
  color: #272833;
15029
15080
  }
15030
15081
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
@@ -15033,7 +15084,8 @@ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
15033
15084
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dt {
15034
15085
  color: #6b6c7e;
15035
15086
  }
15036
- html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd a {
15087
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd[href],
15088
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd [href] {
15037
15089
  color: #272833;
15038
15090
  }
15039
15091
  html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
@@ -15104,13 +15156,15 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .close:hover {
15104
15156
  html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title {
15105
15157
  color: inherit;
15106
15158
  }
15107
- html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title a {
15159
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title[href],
15160
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title [href] {
15108
15161
  color: inherit;
15109
15162
  }
15110
15163
  html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle {
15111
15164
  color: inherit;
15112
15165
  }
15113
- html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle a {
15166
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle[href],
15167
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle [href] {
15114
15168
  color: inherit;
15115
15169
  }
15116
15170
  html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
@@ -17785,6 +17839,7 @@ html:not(#__):not(#___) .cadmin .treeview-item {
17785
17839
  word-wrap: break-word;
17786
17840
  }
17787
17841
  html:not(#__):not(#___) .cadmin .treeview-link {
17842
+ background-color: transparent;
17788
17843
  cursor: pointer;
17789
17844
  display: block;
17790
17845
  border-color: transparent;
@@ -17795,6 +17850,7 @@ html:not(#__):not(#___) .cadmin .treeview-link {
17795
17850
  min-width: 100%;
17796
17851
  padding: 0;
17797
17852
  position: relative;
17853
+ text-align: left;
17798
17854
  -ms-user-select: none;
17799
17855
  -moz-user-select: none;
17800
17856
  -webkit-user-select: none;
@@ -17807,6 +17863,9 @@ html:not(#__):not(#___) .cadmin .treeview-link:focus {
17807
17863
  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
17808
17864
  outline: 0;
17809
17865
  }
17866
+ html:not(#__):not(#___) .cadmin .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-link.disabled {
17867
+ cursor: not-allowed;
17868
+ }
17810
17869
  html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-bottom {
17811
17870
  box-shadow: 0 2px 0 0 #80acff;
17812
17871
  }
@@ -17818,7 +17877,10 @@ html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-top {
17818
17877
  box-shadow: 0 -2px 0 0 #80acff;
17819
17878
  }
17820
17879
  html:not(#__):not(#___) .cadmin .treeview-link.hover .component-action, html:not(#__):not(#___) .cadmin .treeview-link:hover .component-action, html:not(#__):not(#___) .cadmin .treeview-link.focus .component-action, html:not(#__):not(#___) .cadmin .treeview-link:focus .component-action {
17821
- display: block;
17880
+ display: flex;
17881
+ }
17882
+ html:not(#__):not(#___) .cadmin .treeview-link:disabled .component-action, html:not(#__):not(#___) .cadmin .treeview-link.disabled .component-action {
17883
+ display: none;
17822
17884
  }
17823
17885
  html:not(#__):not(#___) .cadmin .treeview-link.show .component-expander .component-expanded-d-none, html:not(#__):not(#___) .cadmin .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
17824
17886
  display: none;
@@ -17856,6 +17918,10 @@ html:not(#__):not(#___) .cadmin .treeview-light .component-expander {
17856
17918
  html:not(#__):not(#___) .cadmin .treeview-light .component-expander:hover {
17857
17919
  color: #0b5fff;
17858
17920
  }
17921
+ html:not(#__):not(#___) .cadmin .treeview-light .component-expander:disabled, html:not(#__):not(#___) .cadmin .treeview-light .component-expander.disabled {
17922
+ color: #6b6c7e;
17923
+ opacity: 0.5;
17924
+ }
17859
17925
  html:not(#__):not(#___) .cadmin .treeview-light .component-expander.btn-secondary {
17860
17926
  background-color: #fff;
17861
17927
  }
@@ -17874,6 +17940,10 @@ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.active {
17874
17940
  background-color: #f1f2f5;
17875
17941
  color: #272833;
17876
17942
  }
17943
+ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.disabled {
17944
+ background-color: transparent;
17945
+ color: rgba(107, 108, 126, 0.5);
17946
+ }
17877
17947
  html:not(#__):not(#___) .cadmin .treeview-dark .component-expander {
17878
17948
  color: #a7a9bc;
17879
17949
  }
@@ -17892,11 +17962,14 @@ html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.active {
17892
17962
  }
17893
17963
  html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.disabled {
17894
17964
  background-color: transparent;
17895
- color: rgba(167, 169, 188, 0.04);
17965
+ color: rgba(167, 169, 188, 0.5);
17896
17966
  }
17897
17967
  html:not(#__):not(#___) .cadmin .treeview-dark .component-action {
17898
17968
  color: #a7a9bc;
17899
17969
  }
17970
+ html:not(#__):not(#___) .cadmin .treeview-dark .component-action:disabled, html:not(#__):not(#___) .cadmin .treeview-dark .component-action.disabled {
17971
+ color: #a7a9bc;
17972
+ }
17900
17973
  html:not(#__):not(#___) .cadmin .bg-checkered {
17901
17974
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
17902
17975
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;