@dynamic-framework/ui-react 2.0.0-dev.2 → 2.0.0-dev.4

package/dist/css/dynamic-ui.css

@@ -1,6 +1,6 @@
 /*!
- * dynamic-framework 2.0.0-dev.2
- * bootstrap ~5.3.3
+ * dynamic-framework 2.0.0-dev.4
+ * bootstrap ~5.3.8
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */
 @charset "UTF-8";
@@ -10119,6 +10119,7 @@ body {
           text-decoration: var(--bs-btn-text-decoration);
 }
 .btn.hover, .btn:hover {
+  color: var(--bs-btn-hover-color);
   text-decoration: none;
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
@@ -10185,9 +10186,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-primary-disabled-opacity);
 }
-.btn-primary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-primary-active-color);
-}
 
 .btn-link-primary {
   --bs-btn-color: var(--bs-btn-link-primary-color);
@@ -10210,9 +10208,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
 }
-.btn-link-primary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-primary-active-color);
-}
 
 .btn-secondary {
   --bs-btn-color: var(--bs-btn-secondary-color);
@@ -10235,9 +10230,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-secondary-disabled-opacity);
 }
-.btn-secondary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-secondary-active-color);
-}
 
 .btn-link-secondary {
   --bs-btn-color: var(--bs-btn-link-secondary-color);
@@ -10260,9 +10252,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
 }
-.btn-link-secondary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-secondary-active-color);
-}
 
 .btn-success {
   --bs-btn-color: var(--bs-btn-success-color);
@@ -10285,9 +10274,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-success-disabled-opacity);
 }
-.btn-success.loading {
-  --bs-btn-disabled-color: var(--bs-btn-success-active-color);
-}
 
 .btn-link-success {
   --bs-btn-color: var(--bs-btn-link-success-color);
@@ -10310,9 +10296,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-success-disabled-opacity);
 }
-.btn-link-success.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-success-active-color);
-}
 
 .btn-info {
   --bs-btn-color: var(--bs-btn-info-color);
@@ -10335,9 +10318,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-info-disabled-opacity);
 }
-.btn-info.loading {
-  --bs-btn-disabled-color: var(--bs-btn-info-active-color);
-}
 
 .btn-link-info {
   --bs-btn-color: var(--bs-btn-link-info-color);
@@ -10360,9 +10340,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-info-disabled-opacity);
 }
-.btn-link-info.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-info-active-color);
-}
 
 .btn-warning {
   --bs-btn-color: var(--bs-btn-warning-color);
@@ -10385,9 +10362,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-warning-disabled-opacity);
 }
-.btn-warning.loading {
-  --bs-btn-disabled-color: var(--bs-btn-warning-active-color);
-}
 
 .btn-link-warning {
   --bs-btn-color: var(--bs-btn-link-warning-color);
@@ -10410,9 +10384,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-warning-disabled-opacity);
 }
-.btn-link-warning.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-warning-active-color);
-}
 
 .btn-danger {
   --bs-btn-color: var(--bs-btn-danger-color);
@@ -10435,9 +10406,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-danger-disabled-opacity);
 }
-.btn-danger.loading {
-  --bs-btn-disabled-color: var(--bs-btn-danger-active-color);
-}
 
 .btn-link-danger {
   --bs-btn-color: var(--bs-btn-link-danger-color);
@@ -10460,9 +10428,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-danger-disabled-opacity);
 }
-.btn-link-danger.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-danger-active-color);
-}
 
 .btn-light {
   --bs-btn-color: var(--bs-btn-light-color);
@@ -10485,9 +10450,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-light-disabled-opacity);
 }
-.btn-light.loading {
-  --bs-btn-disabled-color: var(--bs-btn-light-active-color);
-}
 
 .btn-link-light {
   --bs-btn-color: var(--bs-btn-link-light-color);
@@ -10510,9 +10472,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-light-disabled-opacity);
 }
-.btn-link-light.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-light-active-color);
-}
 
 .btn-dark {
   --bs-btn-color: var(--bs-btn-dark-color);
@@ -10535,9 +10494,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-dark-disabled-opacity);
 }
-.btn-dark.loading {
-  --bs-btn-disabled-color: var(--bs-btn-dark-active-color);
-}
 
 .btn-link-dark {
   --bs-btn-color: var(--bs-btn-link-dark-color);
@@ -10560,9 +10516,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-dark-disabled-opacity);
 }
-.btn-link-dark.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-dark-active-color);
-}
 
 .btn-indigo {
   --bs-btn-color: var(--bs-btn-indigo-color);
@@ -10585,9 +10538,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-indigo-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-indigo-disabled-opacity);
 }
-.btn-indigo.loading {
-  --bs-btn-disabled-color: var(--bs-btn-indigo-active-color);
-}
 
 .btn-link-indigo {
   --bs-btn-color: var(--bs-btn-link-indigo-color);
@@ -10610,9 +10560,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-indigo-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-indigo-disabled-opacity);
 }
-.btn-link-indigo.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-indigo-active-color);
-}
 
 .btn-purple {
   --bs-btn-color: var(--bs-btn-purple-color);
@@ -10635,9 +10582,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-purple-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-purple-disabled-opacity);
 }
-.btn-purple.loading {
-  --bs-btn-disabled-color: var(--bs-btn-purple-active-color);
-}
 
 .btn-link-purple {
   --bs-btn-color: var(--bs-btn-link-purple-color);
@@ -10660,9 +10604,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-purple-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-purple-disabled-opacity);
 }
-.btn-link-purple.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-purple-active-color);
-}
 
 .btn-pink {
   --bs-btn-color: var(--bs-btn-pink-color);
@@ -10685,9 +10626,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-pink-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-pink-disabled-opacity);
 }
-.btn-pink.loading {
-  --bs-btn-disabled-color: var(--bs-btn-pink-active-color);
-}
 
 .btn-link-pink {
   --bs-btn-color: var(--bs-btn-link-pink-color);
@@ -10710,9 +10648,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-pink-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-pink-disabled-opacity);
 }
-.btn-link-pink.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-pink-active-color);
-}
 
 .btn-red {
   --bs-btn-color: var(--bs-btn-red-color);
@@ -10735,9 +10670,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-red-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-red-disabled-opacity);
 }
-.btn-red.loading {
-  --bs-btn-disabled-color: var(--bs-btn-red-active-color);
-}
 
 .btn-link-red {
   --bs-btn-color: var(--bs-btn-link-red-color);
@@ -10760,9 +10692,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-red-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-red-disabled-opacity);
 }
-.btn-link-red.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-red-active-color);
-}
 
 .btn-orange {
   --bs-btn-color: var(--bs-btn-orange-color);
@@ -10785,9 +10714,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-orange-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-orange-disabled-opacity);
 }
-.btn-orange.loading {
-  --bs-btn-disabled-color: var(--bs-btn-orange-active-color);
-}
 
 .btn-link-orange {
   --bs-btn-color: var(--bs-btn-link-orange-color);
@@ -10810,9 +10736,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-orange-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-orange-disabled-opacity);
 }
-.btn-link-orange.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-orange-active-color);
-}
 
 .btn-yellow {
   --bs-btn-color: var(--bs-btn-yellow-color);
@@ -10835,9 +10758,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-yellow-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-yellow-disabled-opacity);
 }
-.btn-yellow.loading {
-  --bs-btn-disabled-color: var(--bs-btn-yellow-active-color);
-}
 
 .btn-link-yellow {
   --bs-btn-color: var(--bs-btn-link-yellow-color);
@@ -10860,9 +10780,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-yellow-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-yellow-disabled-opacity);
 }
-.btn-link-yellow.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-yellow-active-color);
-}
 
 .btn-green {
   --bs-btn-color: var(--bs-btn-green-color);
@@ -10885,9 +10802,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-green-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-green-disabled-opacity);
 }
-.btn-green.loading {
-  --bs-btn-disabled-color: var(--bs-btn-green-active-color);
-}
 
 .btn-link-green {
   --bs-btn-color: var(--bs-btn-link-green-color);
@@ -10910,9 +10824,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-green-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-green-disabled-opacity);
 }
-.btn-link-green.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-green-active-color);
-}
 
 .btn-teal {
   --bs-btn-color: var(--bs-btn-teal-color);
@@ -10935,9 +10846,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-teal-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-teal-disabled-opacity);
 }
-.btn-teal.loading {
-  --bs-btn-disabled-color: var(--bs-btn-teal-active-color);
-}
 
 .btn-link-teal {
   --bs-btn-color: var(--bs-btn-link-teal-color);
@@ -10960,9 +10868,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-teal-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-teal-disabled-opacity);
 }
-.btn-link-teal.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-teal-active-color);
-}
 
 .btn-cyan {
   --bs-btn-color: var(--bs-btn-cyan-color);
@@ -10985,9 +10890,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-cyan-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-cyan-disabled-opacity);
 }
-.btn-cyan.loading {
-  --bs-btn-disabled-color: var(--bs-btn-cyan-active-color);
-}
 
 .btn-link-cyan {
   --bs-btn-color: var(--bs-btn-link-cyan-color);
@@ -11010,17 +10912,14 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-cyan-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-cyan-disabled-opacity);
 }
-.btn-link-cyan.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-cyan-active-color);
-}
 
 .btn-outline-primary {
   --bs-btn-color: var(--bs-primary-500);
-  --bs-btn-hover-border-color: var(--bs-primary-600);
+  --bs-btn-hover-border-color: var(--bs-primary-700);
   --bs-btn-border-color: var(--bs-primary-500);
   --bs-btn-active-color: var(--bs-primary-500);
   --bs-btn-active-border-color: var(--bs-primary-600);
-  --bs-btn-hover-color: var(--bs-primary-600);
+  --bs-btn-hover-color: var(--bs-primary-700);
   --bs-btn-focus-color: var(--bs-primary-600);
   --bs-btn-active-color: var(--bs-primary-600);
   --bs-btn-box-shadow: 0 0 0 transparent;
@@ -11032,19 +10931,19 @@ body {
 }
 
 .btn-outline-secondary {
-  --bs-btn-color: var(--bs-gray-700);
-  --bs-btn-hover-border-color: var(--bs-gray-400);
-  --bs-btn-border-color: var(--bs-gray-200);
-  --bs-btn-active-border-color: var(--bs-gray-400);
-  --bs-btn-active-color: var(--bs-gray-700);
-  --bs-btn-hover-color: var(--bs-gray-700);
-  --bs-btn-focus-color: var(--bs-gray-700);
+  --bs-btn-color: var(--bs-secondary-700);
+  --bs-btn-hover-border-color: var(--bs-secondary-400);
+  --bs-btn-border-color: var(--bs-secondary-200);
+  --bs-btn-active-border-color: var(--bs-secondary-400);
+  --bs-btn-active-color: var(--bs-secondary-700);
+  --bs-btn-hover-color: var(--bs-secondary-700);
+  --bs-btn-focus-color: var(--bs-secondary-700);
   --bs-btn-box-shadow: 0 0 0 transparent;
   --bs-btn-focus-shadow-rgb: var(--bs-btn-secondary-focus-shadow-rgb);
 }
 .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-  --bs-btn-disabled-border-color: var(--bs-gray-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-border-color: var(--bs-secondary-200);
+  --bs-btn-disabled-color: var(--bs-secondary-600);
 }
 
 .btn-outline-light {
@@ -11058,10 +10957,15 @@ body {
   --bs-btn-box-shadow: 0 0 0 transparent;
   --bs-btn-focus-shadow-rgb: var(--bs-btn-light-focus-shadow-rgb);
 }
+.btn-outline-light:disabled, .btn-outline-light.disabled {
+  --bs-btn-disabled-border-color: var(--bs-gray-25);
+  --bs-btn-disabled-color: var(--bs-gray-25);
+  opacity: var(--bs-btn-disabled-opacity);
+}
 
 .btn-outline-success {
   --bs-btn-color: var(--bs-success-500);
-  --bs-btn-hover-border-color: var(--bs-success-600);
+  --bs-btn-hover-border-color: var(--bs-success-700);
   --bs-btn-border-color: var(--bs-success-500);
   --bs-btn-active-border-color: var(--bs-success-600);
   --bs-btn-active-color: var(--bs-success-700);
@@ -11077,7 +10981,7 @@ body {
 
 .btn-outline-danger {
   --bs-btn-color: var(--bs-danger-500);
-  --bs-btn-hover-border-color: var(--bs-danger-600);
+  --bs-btn-hover-border-color: var(--bs-danger-700);
   --bs-btn-border-color: var(--bs-danger-500);
   --bs-btn-active-border-color: var(--bs-danger-600);
   --bs-btn-active-color: var(--bs-danger-700);
@@ -11093,7 +10997,7 @@ body {
 
 .btn-outline-info {
   --bs-btn-color: var(--bs-info-500);
-  --bs-btn-hover-border-color: var(--bs-info-600);
+  --bs-btn-hover-border-color: var(--bs-info-700);
   --bs-btn-border-color: var(--bs-info-500);
   --bs-btn-active-border-color: var(--bs-info-600);
   --bs-btn-active-color: var(--bs-info-700);
@@ -11109,7 +11013,7 @@ body {
 
 .btn-outline-warning {
   --bs-btn-color: var(--bs-warning-600);
-  --bs-btn-hover-border-color: var(--bs-warning-600);
+  --bs-btn-hover-border-color: var(--bs-warning-700);
   --bs-btn-border-color: var(--bs-warning-500);
   --bs-btn-active-border-color: var(--bs-warning-600);
   --bs-btn-active-color: var(--bs-warning-700);
@@ -22589,6 +22493,54 @@ react-datepicker__navigation
   z-index: 100 !important;
 }
 
+.g-col-13 {
+  grid-column: auto/span 13 !important;
+}
+
+.g-col-14 {
+  grid-column: auto/span 14 !important;
+}
+
+.g-col-15 {
+  grid-column: auto/span 15 !important;
+}
+
+.g-col-16 {
+  grid-column: auto/span 16 !important;
+}
+
+.g-col-17 {
+  grid-column: auto/span 17 !important;
+}
+
+.g-col-18 {
+  grid-column: auto/span 18 !important;
+}
+
+.g-col-19 {
+  grid-column: auto/span 19 !important;
+}
+
+.g-col-20 {
+  grid-column: auto/span 20 !important;
+}
+
+.g-col-21 {
+  grid-column: auto/span 21 !important;
+}
+
+.g-col-22 {
+  grid-column: auto/span 22 !important;
+}
+
+.g-col-23 {
+  grid-column: auto/span 23 !important;
+}
+
+.g-col-24 {
+  grid-column: auto/span 24 !important;
+}
+
 .overlay-0 {
   --bs-overlay: 0;
 }
@@ -24898,6 +24850,42 @@ react-datepicker__navigation
   .text-sm-center {
     text-align: center !important;
   }
+  .g-col-sm-13 {
+    grid-column: auto/span 13 !important;
+  }
+  .g-col-sm-14 {
+    grid-column: auto/span 14 !important;
+  }
+  .g-col-sm-15 {
+    grid-column: auto/span 15 !important;
+  }
+  .g-col-sm-16 {
+    grid-column: auto/span 16 !important;
+  }
+  .g-col-sm-17 {
+    grid-column: auto/span 17 !important;
+  }
+  .g-col-sm-18 {
+    grid-column: auto/span 18 !important;
+  }
+  .g-col-sm-19 {
+    grid-column: auto/span 19 !important;
+  }
+  .g-col-sm-20 {
+    grid-column: auto/span 20 !important;
+  }
+  .g-col-sm-21 {
+    grid-column: auto/span 21 !important;
+  }
+  .g-col-sm-22 {
+    grid-column: auto/span 22 !important;
+  }
+  .g-col-sm-23 {
+    grid-column: auto/span 23 !important;
+  }
+  .g-col-sm-24 {
+    grid-column: auto/span 24 !important;
+  }
   .text-truncate-sm-1 {
     --bs-text-truncate: 1;
   }
@@ -27031,6 +27019,42 @@ react-datepicker__navigation
   .text-md-center {
     text-align: center !important;
   }
+  .g-col-md-13 {
+    grid-column: auto/span 13 !important;
+  }
+  .g-col-md-14 {
+    grid-column: auto/span 14 !important;
+  }
+  .g-col-md-15 {
+    grid-column: auto/span 15 !important;
+  }
+  .g-col-md-16 {
+    grid-column: auto/span 16 !important;
+  }
+  .g-col-md-17 {
+    grid-column: auto/span 17 !important;
+  }
+  .g-col-md-18 {
+    grid-column: auto/span 18 !important;
+  }
+  .g-col-md-19 {
+    grid-column: auto/span 19 !important;
+  }
+  .g-col-md-20 {
+    grid-column: auto/span 20 !important;
+  }
+  .g-col-md-21 {
+    grid-column: auto/span 21 !important;
+  }
+  .g-col-md-22 {
+    grid-column: auto/span 22 !important;
+  }
+  .g-col-md-23 {
+    grid-column: auto/span 23 !important;
+  }
+  .g-col-md-24 {
+    grid-column: auto/span 24 !important;
+  }
   .text-truncate-md-1 {
     --bs-text-truncate: 1;
   }
@@ -29164,6 +29188,42 @@ react-datepicker__navigation
   .text-lg-center {
     text-align: center !important;
   }
+  .g-col-lg-13 {
+    grid-column: auto/span 13 !important;
+  }
+  .g-col-lg-14 {
+    grid-column: auto/span 14 !important;
+  }
+  .g-col-lg-15 {
+    grid-column: auto/span 15 !important;
+  }
+  .g-col-lg-16 {
+    grid-column: auto/span 16 !important;
+  }
+  .g-col-lg-17 {
+    grid-column: auto/span 17 !important;
+  }
+  .g-col-lg-18 {
+    grid-column: auto/span 18 !important;
+  }
+  .g-col-lg-19 {
+    grid-column: auto/span 19 !important;
+  }
+  .g-col-lg-20 {
+    grid-column: auto/span 20 !important;
+  }
+  .g-col-lg-21 {
+    grid-column: auto/span 21 !important;
+  }
+  .g-col-lg-22 {
+    grid-column: auto/span 22 !important;
+  }
+  .g-col-lg-23 {
+    grid-column: auto/span 23 !important;
+  }
+  .g-col-lg-24 {
+    grid-column: auto/span 24 !important;
+  }
   .text-truncate-lg-1 {
     --bs-text-truncate: 1;
   }
@@ -31297,6 +31357,42 @@ react-datepicker__navigation
   .text-xl-center {
     text-align: center !important;
   }
+  .g-col-xl-13 {
+    grid-column: auto/span 13 !important;
+  }
+  .g-col-xl-14 {
+    grid-column: auto/span 14 !important;
+  }
+  .g-col-xl-15 {
+    grid-column: auto/span 15 !important;
+  }
+  .g-col-xl-16 {
+    grid-column: auto/span 16 !important;
+  }
+  .g-col-xl-17 {
+    grid-column: auto/span 17 !important;
+  }
+  .g-col-xl-18 {
+    grid-column: auto/span 18 !important;
+  }
+  .g-col-xl-19 {
+    grid-column: auto/span 19 !important;
+  }
+  .g-col-xl-20 {
+    grid-column: auto/span 20 !important;
+  }
+  .g-col-xl-21 {
+    grid-column: auto/span 21 !important;
+  }
+  .g-col-xl-22 {
+    grid-column: auto/span 22 !important;
+  }
+  .g-col-xl-23 {
+    grid-column: auto/span 23 !important;
+  }
+  .g-col-xl-24 {
+    grid-column: auto/span 24 !important;
+  }
   .text-truncate-xl-1 {
     --bs-text-truncate: 1;
   }
@@ -33430,6 +33526,42 @@ react-datepicker__navigation
   .text-xxl-center {
     text-align: center !important;
   }
+  .g-col-xxl-13 {
+    grid-column: auto/span 13 !important;
+  }
+  .g-col-xxl-14 {
+    grid-column: auto/span 14 !important;
+  }
+  .g-col-xxl-15 {
+    grid-column: auto/span 15 !important;
+  }
+  .g-col-xxl-16 {
+    grid-column: auto/span 16 !important;
+  }
+  .g-col-xxl-17 {
+    grid-column: auto/span 17 !important;
+  }
+  .g-col-xxl-18 {
+    grid-column: auto/span 18 !important;
+  }
+  .g-col-xxl-19 {
+    grid-column: auto/span 19 !important;
+  }
+  .g-col-xxl-20 {
+    grid-column: auto/span 20 !important;
+  }
+  .g-col-xxl-21 {
+    grid-column: auto/span 21 !important;
+  }
+  .g-col-xxl-22 {
+    grid-column: auto/span 22 !important;
+  }
+  .g-col-xxl-23 {
+    grid-column: auto/span 23 !important;
+  }
+  .g-col-xxl-24 {
+    grid-column: auto/span 24 !important;
+  }
   .text-truncate-xxl-1 {
     --bs-text-truncate: 1;
   }