FIX: Spinner on target=_blank

dist/css/app.css

@@ -29,9 +29,10 @@
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
-  --breakpoint-xl: 1200px;
+  --breakpoint-xl: 1168px;
-  --breakpoint-xxl: 1390px;
+  --breakpoint-xxl: 1368px;
-  --breakpoint-xxxl: 1590px;
+  --breakpoint-xxxl: 1568px;
+  --breakpoint-xxxxl: 1868px;
   --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
@@ -665,21 +666,27 @@ pre code {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .container {
-    max-width: 1140px;
+    max-width: 1136px;
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .container {
-    max-width: 1330px;
+    max-width: 1336px;
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .container {
-    max-width: 1560px;
+    max-width: 1536px;
+  }
+}
+
+@media (min-width: 1868px) {
+  .container {
+    max-width: 1836px;
   }
 }
 
@@ -689,7 +696,8 @@ pre code {
 .container-lg,
 .container-xl,
 .container-xxl,
-.container-xxxl {
+.container-xxxl,
+.container-xxxxl {
   width: 100%;
   padding-right: 1rem;
   padding-left: 1rem;
@@ -721,28 +729,28 @@ pre code {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .container,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl {
-    max-width: 1140px;
+    max-width: 1136px;
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .container,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl,
   .container-xxl {
-    max-width: 1330px;
+    max-width: 1336px;
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .container,
   .container-sm,
   .container-md,
@@ -750,7 +758,20 @@ pre code {
   .container-xl,
   .container-xxl,
   .container-xxxl {
-    max-width: 1560px;
+    max-width: 1536px;
+  }
+}
+
+@media (min-width: 1868px) {
+  .container,
+  .container-sm,
+  .container-md,
+  .container-lg,
+  .container-xl,
+  .container-xxl,
+  .container-xxxl,
+  .container-xxxxl {
+    max-width: 1836px;
   }
 }
 
@@ -872,7 +893,21 @@ pre code {
 .col-xxxl-11,
 .col-xxxl-12,
 .col-xxxl,
-.col-xxxl-auto {
+.col-xxxl-auto,
+.col-xxxxl-1,
+.col-xxxxl-2,
+.col-xxxxl-3,
+.col-xxxxl-4,
+.col-xxxxl-5,
+.col-xxxxl-6,
+.col-xxxxl-7,
+.col-xxxxl-8,
+.col-xxxxl-9,
+.col-xxxxl-10,
+.col-xxxxl-11,
+.col-xxxxl-12,
+.col-xxxxl,
+.col-xxxxl-auto {
   position: relative;
   width: 100%;
   padding-right: 1rem;
@@ -2005,7 +2040,7 @@ pre code {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .col-xl {
     -ms-flex-preferred-size: 0;
         flex-basis: 0;
@@ -2288,7 +2323,7 @@ pre code {
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .col-xxl {
     -ms-flex-preferred-size: 0;
         flex-basis: 0;
@@ -2571,7 +2606,7 @@ pre code {
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .col-xxxl {
     -ms-flex-preferred-size: 0;
         flex-basis: 0;
@@ -2854,6 +2889,289 @@ pre code {
   }
 }
 
+@media (min-width: 1868px) {
+  .col-xxxxl {
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    -webkit-box-flex: 1;
+        -ms-flex-positive: 1;
+            flex-grow: 1;
+    max-width: 100%;
+  }
+
+  .row-cols-xxxxl-1 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .row-cols-xxxxl-2 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .row-cols-xxxxl-3 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+  }
+
+  .row-cols-xxxxl-4 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .row-cols-xxxxl-5 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%;
+    max-width: 20%;
+  }
+
+  .row-cols-xxxxl-6 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%;
+    max-width: 16.66667%;
+  }
+
+  .col-xxxxl-auto {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 auto;
+            flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+
+  .col-xxxxl-1 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 8.33333%;
+            flex: 0 0 8.33333%;
+    max-width: 8.33333%;
+  }
+
+  .col-xxxxl-2 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%;
+    max-width: 16.66667%;
+  }
+
+  .col-xxxxl-3 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .col-xxxxl-4 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+  }
+
+  .col-xxxxl-5 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 41.66667%;
+            flex: 0 0 41.66667%;
+    max-width: 41.66667%;
+  }
+
+  .col-xxxxl-6 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .col-xxxxl-7 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 58.33333%;
+            flex: 0 0 58.33333%;
+    max-width: 58.33333%;
+  }
+
+  .col-xxxxl-8 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 66.66667%;
+            flex: 0 0 66.66667%;
+    max-width: 66.66667%;
+  }
+
+  .col-xxxxl-9 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%;
+    max-width: 75%;
+  }
+
+  .col-xxxxl-10 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 83.33333%;
+            flex: 0 0 83.33333%;
+    max-width: 83.33333%;
+  }
+
+  .col-xxxxl-11 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 91.66667%;
+            flex: 0 0 91.66667%;
+    max-width: 91.66667%;
+  }
+
+  .col-xxxxl-12 {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .order-xxxxl-first {
+    -webkit-box-ordinal-group: 0;
+        -ms-flex-order: -1;
+            order: -1;
+  }
+
+  .order-xxxxl-last {
+    -webkit-box-ordinal-group: 14;
+        -ms-flex-order: 13;
+            order: 13;
+  }
+
+  .order-xxxxl-0 {
+    -webkit-box-ordinal-group: 1;
+        -ms-flex-order: 0;
+            order: 0;
+  }
+
+  .order-xxxxl-1 {
+    -webkit-box-ordinal-group: 2;
+        -ms-flex-order: 1;
+            order: 1;
+  }
+
+  .order-xxxxl-2 {
+    -webkit-box-ordinal-group: 3;
+        -ms-flex-order: 2;
+            order: 2;
+  }
+
+  .order-xxxxl-3 {
+    -webkit-box-ordinal-group: 4;
+        -ms-flex-order: 3;
+            order: 3;
+  }
+
+  .order-xxxxl-4 {
+    -webkit-box-ordinal-group: 5;
+        -ms-flex-order: 4;
+            order: 4;
+  }
+
+  .order-xxxxl-5 {
+    -webkit-box-ordinal-group: 6;
+        -ms-flex-order: 5;
+            order: 5;
+  }
+
+  .order-xxxxl-6 {
+    -webkit-box-ordinal-group: 7;
+        -ms-flex-order: 6;
+            order: 6;
+  }
+
+  .order-xxxxl-7 {
+    -webkit-box-ordinal-group: 8;
+        -ms-flex-order: 7;
+            order: 7;
+  }
+
+  .order-xxxxl-8 {
+    -webkit-box-ordinal-group: 9;
+        -ms-flex-order: 8;
+            order: 8;
+  }
+
+  .order-xxxxl-9 {
+    -webkit-box-ordinal-group: 10;
+        -ms-flex-order: 9;
+            order: 9;
+  }
+
+  .order-xxxxl-10 {
+    -webkit-box-ordinal-group: 11;
+        -ms-flex-order: 10;
+            order: 10;
+  }
+
+  .order-xxxxl-11 {
+    -webkit-box-ordinal-group: 12;
+        -ms-flex-order: 11;
+            order: 11;
+  }
+
+  .order-xxxxl-12 {
+    -webkit-box-ordinal-group: 13;
+        -ms-flex-order: 12;
+            order: 12;
+  }
+
+  .offset-xxxxl-0 {
+    margin-left: 0;
+  }
+
+  .offset-xxxxl-1 {
+    margin-left: 8.33333%;
+  }
+
+  .offset-xxxxl-2 {
+    margin-left: 16.66667%;
+  }
+
+  .offset-xxxxl-3 {
+    margin-left: 25%;
+  }
+
+  .offset-xxxxl-4 {
+    margin-left: 33.33333%;
+  }
+
+  .offset-xxxxl-5 {
+    margin-left: 41.66667%;
+  }
+
+  .offset-xxxxl-6 {
+    margin-left: 50%;
+  }
+
+  .offset-xxxxl-7 {
+    margin-left: 58.33333%;
+  }
+
+  .offset-xxxxl-8 {
+    margin-left: 66.66667%;
+  }
+
+  .offset-xxxxl-9 {
+    margin-left: 75%;
+  }
+
+  .offset-xxxxl-10 {
+    margin-left: 83.33333%;
+  }
+
+  .offset-xxxxl-11 {
+    margin-left: 91.66667%;
+  }
+}
+
 .table,
 .typography table {
   width: 100%;
@@ -3193,7 +3511,7 @@ pre code {
   }
 }
 
-@media (max-width: 1199.98px) {
+@media (max-width: 1167.98px) {
   .table-responsive-xl {
     display: block;
     width: 100%;
@@ -3207,7 +3525,7 @@ pre code {
   }
 }
 
-@media (max-width: 1389.98px) {
+@media (max-width: 1367.98px) {
   .table-responsive-xxl {
     display: block;
     width: 100%;
@@ -3221,7 +3539,7 @@ pre code {
   }
 }
 
-@media (max-width: 1589.98px) {
+@media (max-width: 1567.98px) {
   .table-responsive-xxxl {
     display: block;
     width: 100%;
@@ -3235,6 +3553,20 @@ pre code {
   }
 }
 
+@media (max-width: 1867.98px) {
+  .table-responsive-xxxxl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .table-responsive-xxxxl > .table-bordered,
+  .typography .table-responsive-xxxxl > table {
+    border: 0;
+  }
+}
+
 .table-responsive {
   display: block;
   width: 100%;
@@ -4747,7 +5079,7 @@ input[type="button"].btn-block {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .dropdown-menu-xl-left {
     right: auto;
     left: 0;
@@ -4759,7 +5091,7 @@ input[type="button"].btn-block {
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .dropdown-menu-xxl-left {
     right: auto;
     left: 0;
@@ -4771,7 +5103,7 @@ input[type="button"].btn-block {
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .dropdown-menu-xxxl-left {
     right: auto;
     left: 0;
@@ -4783,6 +5115,18 @@ input[type="button"].btn-block {
   }
 }
 
+@media (min-width: 1868px) {
+  .dropdown-menu-xxxxl-left {
+    right: auto;
+    left: 0;
+  }
+
+  .dropdown-menu-xxxxl-right {
+    right: 0;
+    left: auto;
+  }
+}
+
 .dropup .dropdown-menu {
   top: auto;
   bottom: 100%;
@@ -5923,7 +6267,8 @@ input[type="button"].btn-block {
 .navbar .container-lg,
 .navbar .container-xl,
 .navbar .container-xxl,
-.navbar .container-xxxl {
+.navbar .container-xxxl,
+.navbar .container-xxxxl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6024,7 +6369,8 @@ input[type="button"].btn-block {
   .navbar-expand-sm > .container-lg,
   .navbar-expand-sm > .container-xl,
   .navbar-expand-sm > .container-xxl,
-  .navbar-expand-sm > .container-xxxl {
+  .navbar-expand-sm > .container-xxxl,
+  .navbar-expand-sm > .container-xxxxl {
     padding-right: 0;
     padding-left: 0;
   }
@@ -6064,7 +6410,8 @@ input[type="button"].btn-block {
   .navbar-expand-sm > .container-lg,
   .navbar-expand-sm > .container-xl,
   .navbar-expand-sm > .container-xxl,
-  .navbar-expand-sm > .container-xxxl {
+  .navbar-expand-sm > .container-xxxl,
+  .navbar-expand-sm > .container-xxxxl {
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
   }
@@ -6090,7 +6437,8 @@ input[type="button"].btn-block {
   .navbar-expand-md > .container-lg,
   .navbar-expand-md > .container-xl,
   .navbar-expand-md > .container-xxl,
-  .navbar-expand-md > .container-xxxl {
+  .navbar-expand-md > .container-xxxl,
+  .navbar-expand-md > .container-xxxxl {
     padding-right: 0;
     padding-left: 0;
   }
@@ -6130,7 +6478,8 @@ input[type="button"].btn-block {
   .navbar-expand-md > .container-lg,
   .navbar-expand-md > .container-xl,
   .navbar-expand-md > .container-xxl,
-  .navbar-expand-md > .container-xxxl {
+  .navbar-expand-md > .container-xxxl,
+  .navbar-expand-md > .container-xxxxl {
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
   }
@@ -6156,7 +6505,8 @@ input[type="button"].btn-block {
   .navbar-expand-lg > .container-lg,
   .navbar-expand-lg > .container-xl,
   .navbar-expand-lg > .container-xxl,
-  .navbar-expand-lg > .container-xxxl {
+  .navbar-expand-lg > .container-xxxl,
+  .navbar-expand-lg > .container-xxxxl {
     padding-right: 0;
     padding-left: 0;
   }
@@ -6196,7 +6546,8 @@ input[type="button"].btn-block {
   .navbar-expand-lg > .container-lg,
   .navbar-expand-lg > .container-xl,
   .navbar-expand-lg > .container-xxl,
-  .navbar-expand-lg > .container-xxxl {
+  .navbar-expand-lg > .container-xxxl,
+  .navbar-expand-lg > .container-xxxxl {
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
   }
@@ -6214,7 +6565,7 @@ input[type="button"].btn-block {
   }
 }
 
-@media (max-width: 1199.98px) {
+@media (max-width: 1167.98px) {
   .navbar-expand-xl > .container,
   .navbar-expand-xl > .container-fluid,
   .navbar-expand-xl > .container-sm,
@@ -6222,13 +6573,14 @@ input[type="button"].btn-block {
   .navbar-expand-xl > .container-lg,
   .navbar-expand-xl > .container-xl,
   .navbar-expand-xl > .container-xxl,
-  .navbar-expand-xl > .container-xxxl {
+  .navbar-expand-xl > .container-xxxl,
+  .navbar-expand-xl > .container-xxxxl {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .navbar-expand-xl {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -6262,7 +6614,8 @@ input[type="button"].btn-block {
   .navbar-expand-xl > .container-lg,
   .navbar-expand-xl > .container-xl,
   .navbar-expand-xl > .container-xxl,
-  .navbar-expand-xl > .container-xxxl {
+  .navbar-expand-xl > .container-xxxl,
+  .navbar-expand-xl > .container-xxxxl {
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
   }
@@ -6280,7 +6633,7 @@ input[type="button"].btn-block {
   }
 }
 
-@media (max-width: 1389.98px) {
+@media (max-width: 1367.98px) {
   .navbar-expand-xxl > .container,
   .navbar-expand-xxl > .container-fluid,
   .navbar-expand-xxl > .container-sm,
@@ -6288,13 +6641,14 @@ input[type="button"].btn-block {
   .navbar-expand-xxl > .container-lg,
   .navbar-expand-xxl > .container-xl,
   .navbar-expand-xxl > .container-xxl,
-  .navbar-expand-xxl > .container-xxxl {
+  .navbar-expand-xxl > .container-xxxl,
+  .navbar-expand-xxl > .container-xxxxl {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .navbar-expand-xxl {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -6328,7 +6682,8 @@ input[type="button"].btn-block {
   .navbar-expand-xxl > .container-lg,
   .navbar-expand-xxl > .container-xl,
   .navbar-expand-xxl > .container-xxl,
-  .navbar-expand-xxl > .container-xxxl {
+  .navbar-expand-xxl > .container-xxxl,
+  .navbar-expand-xxl > .container-xxxxl {
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
   }
@@ -6346,7 +6701,7 @@ input[type="button"].btn-block {
   }
 }
 
-@media (max-width: 1589.98px) {
+@media (max-width: 1567.98px) {
   .navbar-expand-xxxl > .container,
   .navbar-expand-xxxl > .container-fluid,
   .navbar-expand-xxxl > .container-sm,
@@ -6354,13 +6709,14 @@ input[type="button"].btn-block {
   .navbar-expand-xxxl > .container-lg,
   .navbar-expand-xxxl > .container-xl,
   .navbar-expand-xxxl > .container-xxl,
-  .navbar-expand-xxxl > .container-xxxl {
+  .navbar-expand-xxxl > .container-xxxl,
+  .navbar-expand-xxxl > .container-xxxxl {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .navbar-expand-xxxl {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -6394,7 +6750,8 @@ input[type="button"].btn-block {
   .navbar-expand-xxxl > .container-lg,
   .navbar-expand-xxxl > .container-xl,
   .navbar-expand-xxxl > .container-xxl,
-  .navbar-expand-xxxl > .container-xxxl {
+  .navbar-expand-xxxl > .container-xxxl,
+  .navbar-expand-xxxl > .container-xxxxl {
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
   }
@@ -6412,6 +6769,74 @@ input[type="button"].btn-block {
   }
 }
 
+@media (max-width: 1867.98px) {
+  .navbar-expand-xxxxl > .container,
+  .navbar-expand-xxxxl > .container-fluid,
+  .navbar-expand-xxxxl > .container-sm,
+  .navbar-expand-xxxxl > .container-md,
+  .navbar-expand-xxxxl > .container-lg,
+  .navbar-expand-xxxxl > .container-xl,
+  .navbar-expand-xxxxl > .container-xxl,
+  .navbar-expand-xxxxl > .container-xxxl,
+  .navbar-expand-xxxxl > .container-xxxxl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 1868px) {
+  .navbar-expand-xxxxl {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-flow: row nowrap;
+            flex-flow: row nowrap;
+    -webkit-box-pack: start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+  }
+
+  .navbar-expand-xxxxl .navbar-nav {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+
+  .navbar-expand-xxxxl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-xxxxl .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-xxxxl > .container,
+  .navbar-expand-xxxxl > .container-fluid,
+  .navbar-expand-xxxxl > .container-sm,
+  .navbar-expand-xxxxl > .container-md,
+  .navbar-expand-xxxxl > .container-lg,
+  .navbar-expand-xxxxl > .container-xl,
+  .navbar-expand-xxxxl > .container-xxl,
+  .navbar-expand-xxxxl > .container-xxxl,
+  .navbar-expand-xxxxl > .container-xxxxl {
+    -ms-flex-wrap: nowrap;
+        flex-wrap: nowrap;
+  }
+
+  .navbar-expand-xxxxl .navbar-collapse {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -ms-flex-preferred-size: auto;
+        flex-basis: auto;
+  }
+
+  .navbar-expand-xxxxl .navbar-toggler {
+    display: none;
+  }
+}
+
 .navbar-expand {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -6429,7 +6854,8 @@ input[type="button"].btn-block {
 .navbar-expand > .container-lg,
 .navbar-expand > .container-xl,
 .navbar-expand > .container-xxl,
-.navbar-expand > .container-xxxl {
+.navbar-expand > .container-xxxl,
+.navbar-expand > .container-xxxxl {
   padding-right: 0;
   padding-left: 0;
 }
@@ -6457,7 +6883,8 @@ input[type="button"].btn-block {
 .navbar-expand > .container-lg,
 .navbar-expand > .container-xl,
 .navbar-expand > .container-xxl,
-.navbar-expand > .container-xxxl {
+.navbar-expand > .container-xxxl,
+.navbar-expand > .container-xxxxl {
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
 }
@@ -7625,7 +8052,7 @@ a.badge-dark.focus {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .list-group-horizontal-xl {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -7658,7 +8085,7 @@ a.badge-dark.focus {
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .list-group-horizontal-xxl {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -7691,7 +8118,7 @@ a.badge-dark.focus {
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .list-group-horizontal-xxxl {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -7724,6 +8151,39 @@ a.badge-dark.focus {
   }
 }
 
+@media (min-width: 1868px) {
+  .list-group-horizontal-xxxxl {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
+
+  .list-group-horizontal-xxxxl .list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-xxxxl .list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-xxxxl .list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-xxxxl .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-xxxxl .list-group-item + .list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
 .list-group-flush .list-group-item {
   border-right-width: 0;
   border-left-width: 0;
@@ -8158,7 +8618,7 @@ a.close.disabled {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .modal-xl {
     max-width: 1140px;
   }
@@ -9106,7 +9566,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .d-xl-none {
     display: none !important;
   }
@@ -9148,7 +9608,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .d-xxl-none {
     display: none !important;
   }
@@ -9190,7 +9650,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .d-xxxl-none {
     display: none !important;
   }
@@ -9232,6 +9692,48 @@ button.bg-alt:focus,
   }
 }
 
+@media (min-width: 1868px) {
+  .d-xxxxl-none {
+    display: none !important;
+  }
+
+  .d-xxxxl-inline {
+    display: inline !important;
+  }
+
+  .d-xxxxl-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-xxxxl-block {
+    display: block !important;
+  }
+
+  .d-xxxxl-table {
+    display: table !important;
+  }
+
+  .d-xxxxl-table-row {
+    display: table-row !important;
+  }
+
+  .d-xxxxl-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-xxxxl-flex {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+  }
+
+  .d-xxxxl-inline-flex {
+    display: -webkit-inline-box !important;
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+  }
+}
+
 @media print {
   .d-print-none {
     display: none !important;
@@ -10083,7 +10585,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .flex-xl-row {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
@@ -10275,7 +10777,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .flex-xxl-row {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
@@ -10467,7 +10969,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .flex-xxxl-row {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
@@ -10659,6 +11161,198 @@ button.bg-alt:focus,
   }
 }
 
+@media (min-width: 1868px) {
+  .flex-xxxxl-row {
+    -webkit-box-orient: horizontal !important;
+    -webkit-box-direction: normal !important;
+        -ms-flex-direction: row !important;
+            flex-direction: row !important;
+  }
+
+  .flex-xxxxl-column {
+    -webkit-box-orient: vertical !important;
+    -webkit-box-direction: normal !important;
+        -ms-flex-direction: column !important;
+            flex-direction: column !important;
+  }
+
+  .flex-xxxxl-row-reverse {
+    -webkit-box-orient: horizontal !important;
+    -webkit-box-direction: reverse !important;
+        -ms-flex-direction: row-reverse !important;
+            flex-direction: row-reverse !important;
+  }
+
+  .flex-xxxxl-column-reverse {
+    -webkit-box-orient: vertical !important;
+    -webkit-box-direction: reverse !important;
+        -ms-flex-direction: column-reverse !important;
+            flex-direction: column-reverse !important;
+  }
+
+  .flex-xxxxl-wrap {
+    -ms-flex-wrap: wrap !important;
+        flex-wrap: wrap !important;
+  }
+
+  .flex-xxxxl-nowrap {
+    -ms-flex-wrap: nowrap !important;
+        flex-wrap: nowrap !important;
+  }
+
+  .flex-xxxxl-wrap-reverse {
+    -ms-flex-wrap: wrap-reverse !important;
+        flex-wrap: wrap-reverse !important;
+  }
+
+  .flex-xxxxl-fill {
+    -webkit-box-flex: 1 !important;
+        -ms-flex: 1 1 auto !important;
+            flex: 1 1 auto !important;
+  }
+
+  .flex-xxxxl-grow-0 {
+    -webkit-box-flex: 0 !important;
+        -ms-flex-positive: 0 !important;
+            flex-grow: 0 !important;
+  }
+
+  .flex-xxxxl-grow-1 {
+    -webkit-box-flex: 1 !important;
+        -ms-flex-positive: 1 !important;
+            flex-grow: 1 !important;
+  }
+
+  .flex-xxxxl-shrink-0 {
+    -ms-flex-negative: 0 !important;
+        flex-shrink: 0 !important;
+  }
+
+  .flex-xxxxl-shrink-1 {
+    -ms-flex-negative: 1 !important;
+        flex-shrink: 1 !important;
+  }
+
+  .justify-content-xxxxl-start {
+    -webkit-box-pack: start !important;
+        -ms-flex-pack: start !important;
+            justify-content: flex-start !important;
+  }
+
+  .justify-content-xxxxl-end {
+    -webkit-box-pack: end !important;
+        -ms-flex-pack: end !important;
+            justify-content: flex-end !important;
+  }
+
+  .justify-content-xxxxl-center {
+    -webkit-box-pack: center !important;
+        -ms-flex-pack: center !important;
+            justify-content: center !important;
+  }
+
+  .justify-content-xxxxl-between {
+    -webkit-box-pack: justify !important;
+        -ms-flex-pack: justify !important;
+            justify-content: space-between !important;
+  }
+
+  .justify-content-xxxxl-around {
+    -ms-flex-pack: distribute !important;
+        justify-content: space-around !important;
+  }
+
+  .align-items-xxxxl-start {
+    -webkit-box-align: start !important;
+        -ms-flex-align: start !important;
+            align-items: flex-start !important;
+  }
+
+  .align-items-xxxxl-end {
+    -webkit-box-align: end !important;
+        -ms-flex-align: end !important;
+            align-items: flex-end !important;
+  }
+
+  .align-items-xxxxl-center {
+    -webkit-box-align: center !important;
+        -ms-flex-align: center !important;
+            align-items: center !important;
+  }
+
+  .align-items-xxxxl-baseline {
+    -webkit-box-align: baseline !important;
+        -ms-flex-align: baseline !important;
+            align-items: baseline !important;
+  }
+
+  .align-items-xxxxl-stretch {
+    -webkit-box-align: stretch !important;
+        -ms-flex-align: stretch !important;
+            align-items: stretch !important;
+  }
+
+  .align-content-xxxxl-start {
+    -ms-flex-line-pack: start !important;
+        align-content: flex-start !important;
+  }
+
+  .align-content-xxxxl-end {
+    -ms-flex-line-pack: end !important;
+        align-content: flex-end !important;
+  }
+
+  .align-content-xxxxl-center {
+    -ms-flex-line-pack: center !important;
+        align-content: center !important;
+  }
+
+  .align-content-xxxxl-between {
+    -ms-flex-line-pack: justify !important;
+        align-content: space-between !important;
+  }
+
+  .align-content-xxxxl-around {
+    -ms-flex-line-pack: distribute !important;
+        align-content: space-around !important;
+  }
+
+  .align-content-xxxxl-stretch {
+    -ms-flex-line-pack: stretch !important;
+        align-content: stretch !important;
+  }
+
+  .align-self-xxxxl-auto {
+    -ms-flex-item-align: auto !important;
+        align-self: auto !important;
+  }
+
+  .align-self-xxxxl-start {
+    -ms-flex-item-align: start !important;
+        align-self: flex-start !important;
+  }
+
+  .align-self-xxxxl-end {
+    -ms-flex-item-align: end !important;
+        align-self: flex-end !important;
+  }
+
+  .align-self-xxxxl-center {
+    -ms-flex-item-align: center !important;
+        align-self: center !important;
+  }
+
+  .align-self-xxxxl-baseline {
+    -ms-flex-item-align: baseline !important;
+        align-self: baseline !important;
+  }
+
+  .align-self-xxxxl-stretch {
+    -ms-flex-item-align: stretch !important;
+        align-self: stretch !important;
+  }
+}
+
 .float-left {
   float: left !important;
 }
@@ -10713,7 +11407,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .float-xl-left {
     float: left !important;
   }
@@ -10727,7 +11421,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .float-xxl-left {
     float: left !important;
   }
@@ -10741,7 +11435,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .float-xxxl-left {
     float: left !important;
   }
@@ -10755,6 +11449,20 @@ button.bg-alt:focus,
   }
 }
 
+@media (min-width: 1868px) {
+  .float-xxxxl-left {
+    float: left !important;
+  }
+
+  .float-xxxxl-right {
+    float: right !important;
+  }
+
+  .float-xxxxl-none {
+    float: none !important;
+  }
+}
+
 .overflow-auto {
   overflow: auto !important;
 }
@@ -12661,7 +13369,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .m-xl-0 {
     margin: 0 !important;
   }
@@ -13095,7 +13803,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .m-xxl-0 {
     margin: 0 !important;
   }
@@ -13529,7 +14237,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .m-xxxl-0 {
     margin: 0 !important;
   }
@@ -13963,6 +14671,440 @@ button.bg-alt:focus,
   }
 }
 
+@media (min-width: 1868px) {
+  .m-xxxxl-0 {
+    margin: 0 !important;
+  }
+
+  .mt-xxxxl-0,
+  .my-xxxxl-0 {
+    margin-top: 0 !important;
+  }
+
+  .mr-xxxxl-0,
+  .mx-xxxxl-0 {
+    margin-right: 0 !important;
+  }
+
+  .mb-xxxxl-0,
+  .my-xxxxl-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .ml-xxxxl-0,
+  .mx-xxxxl-0 {
+    margin-left: 0 !important;
+  }
+
+  .m-xxxxl-1 {
+    margin: 0.25rem !important;
+  }
+
+  .mt-xxxxl-1,
+  .my-xxxxl-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mr-xxxxl-1,
+  .mx-xxxxl-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .mb-xxxxl-1,
+  .my-xxxxl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .ml-xxxxl-1,
+  .mx-xxxxl-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .m-xxxxl-2 {
+    margin: 0.5rem !important;
+  }
+
+  .mt-xxxxl-2,
+  .my-xxxxl-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mr-xxxxl-2,
+  .mx-xxxxl-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .mb-xxxxl-2,
+  .my-xxxxl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .ml-xxxxl-2,
+  .mx-xxxxl-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .m-xxxxl-3 {
+    margin: 1rem !important;
+  }
+
+  .mt-xxxxl-3,
+  .my-xxxxl-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mr-xxxxl-3,
+  .mx-xxxxl-3 {
+    margin-right: 1rem !important;
+  }
+
+  .mb-xxxxl-3,
+  .my-xxxxl-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .ml-xxxxl-3,
+  .mx-xxxxl-3 {
+    margin-left: 1rem !important;
+  }
+
+  .m-xxxxl-4 {
+    margin: 1.5rem !important;
+  }
+
+  .mt-xxxxl-4,
+  .my-xxxxl-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mr-xxxxl-4,
+  .mx-xxxxl-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .mb-xxxxl-4,
+  .my-xxxxl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .ml-xxxxl-4,
+  .mx-xxxxl-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .m-xxxxl-5 {
+    margin: 3rem !important;
+  }
+
+  .mt-xxxxl-5,
+  .my-xxxxl-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mr-xxxxl-5,
+  .mx-xxxxl-5 {
+    margin-right: 3rem !important;
+  }
+
+  .mb-xxxxl-5,
+  .my-xxxxl-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .ml-xxxxl-5,
+  .mx-xxxxl-5 {
+    margin-left: 3rem !important;
+  }
+
+  .p-xxxxl-0 {
+    padding: 0 !important;
+  }
+
+  .pt-xxxxl-0,
+  .py-xxxxl-0 {
+    padding-top: 0 !important;
+  }
+
+  .pr-xxxxl-0,
+  .px-xxxxl-0 {
+    padding-right: 0 !important;
+  }
+
+  .pb-xxxxl-0,
+  .py-xxxxl-0 {
+    padding-bottom: 0 !important;
+  }
+
+  .pl-xxxxl-0,
+  .px-xxxxl-0 {
+    padding-left: 0 !important;
+  }
+
+  .p-xxxxl-1 {
+    padding: 0.25rem !important;
+  }
+
+  .pt-xxxxl-1,
+  .py-xxxxl-1 {
+    padding-top: 0.25rem !important;
+  }
+
+  .pr-xxxxl-1,
+  .px-xxxxl-1 {
+    padding-right: 0.25rem !important;
+  }
+
+  .pb-xxxxl-1,
+  .py-xxxxl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+
+  .pl-xxxxl-1,
+  .px-xxxxl-1 {
+    padding-left: 0.25rem !important;
+  }
+
+  .p-xxxxl-2 {
+    padding: 0.5rem !important;
+  }
+
+  .pt-xxxxl-2,
+  .py-xxxxl-2 {
+    padding-top: 0.5rem !important;
+  }
+
+  .pr-xxxxl-2,
+  .px-xxxxl-2 {
+    padding-right: 0.5rem !important;
+  }
+
+  .pb-xxxxl-2,
+  .py-xxxxl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+
+  .pl-xxxxl-2,
+  .px-xxxxl-2 {
+    padding-left: 0.5rem !important;
+  }
+
+  .p-xxxxl-3 {
+    padding: 1rem !important;
+  }
+
+  .pt-xxxxl-3,
+  .py-xxxxl-3 {
+    padding-top: 1rem !important;
+  }
+
+  .pr-xxxxl-3,
+  .px-xxxxl-3 {
+    padding-right: 1rem !important;
+  }
+
+  .pb-xxxxl-3,
+  .py-xxxxl-3 {
+    padding-bottom: 1rem !important;
+  }
+
+  .pl-xxxxl-3,
+  .px-xxxxl-3 {
+    padding-left: 1rem !important;
+  }
+
+  .p-xxxxl-4 {
+    padding: 1.5rem !important;
+  }
+
+  .pt-xxxxl-4,
+  .py-xxxxl-4 {
+    padding-top: 1.5rem !important;
+  }
+
+  .pr-xxxxl-4,
+  .px-xxxxl-4 {
+    padding-right: 1.5rem !important;
+  }
+
+  .pb-xxxxl-4,
+  .py-xxxxl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+
+  .pl-xxxxl-4,
+  .px-xxxxl-4 {
+    padding-left: 1.5rem !important;
+  }
+
+  .p-xxxxl-5 {
+    padding: 3rem !important;
+  }
+
+  .pt-xxxxl-5,
+  .py-xxxxl-5 {
+    padding-top: 3rem !important;
+  }
+
+  .pr-xxxxl-5,
+  .px-xxxxl-5 {
+    padding-right: 3rem !important;
+  }
+
+  .pb-xxxxl-5,
+  .py-xxxxl-5 {
+    padding-bottom: 3rem !important;
+  }
+
+  .pl-xxxxl-5,
+  .px-xxxxl-5 {
+    padding-left: 3rem !important;
+  }
+
+  .m-xxxxl-n1 {
+    margin: -0.25rem !important;
+  }
+
+  .mt-xxxxl-n1,
+  .my-xxxxl-n1 {
+    margin-top: -0.25rem !important;
+  }
+
+  .mr-xxxxl-n1,
+  .mx-xxxxl-n1 {
+    margin-right: -0.25rem !important;
+  }
+
+  .mb-xxxxl-n1,
+  .my-xxxxl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+
+  .ml-xxxxl-n1,
+  .mx-xxxxl-n1 {
+    margin-left: -0.25rem !important;
+  }
+
+  .m-xxxxl-n2 {
+    margin: -0.5rem !important;
+  }
+
+  .mt-xxxxl-n2,
+  .my-xxxxl-n2 {
+    margin-top: -0.5rem !important;
+  }
+
+  .mr-xxxxl-n2,
+  .mx-xxxxl-n2 {
+    margin-right: -0.5rem !important;
+  }
+
+  .mb-xxxxl-n2,
+  .my-xxxxl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+
+  .ml-xxxxl-n2,
+  .mx-xxxxl-n2 {
+    margin-left: -0.5rem !important;
+  }
+
+  .m-xxxxl-n3 {
+    margin: -1rem !important;
+  }
+
+  .mt-xxxxl-n3,
+  .my-xxxxl-n3 {
+    margin-top: -1rem !important;
+  }
+
+  .mr-xxxxl-n3,
+  .mx-xxxxl-n3 {
+    margin-right: -1rem !important;
+  }
+
+  .mb-xxxxl-n3,
+  .my-xxxxl-n3 {
+    margin-bottom: -1rem !important;
+  }
+
+  .ml-xxxxl-n3,
+  .mx-xxxxl-n3 {
+    margin-left: -1rem !important;
+  }
+
+  .m-xxxxl-n4 {
+    margin: -1.5rem !important;
+  }
+
+  .mt-xxxxl-n4,
+  .my-xxxxl-n4 {
+    margin-top: -1.5rem !important;
+  }
+
+  .mr-xxxxl-n4,
+  .mx-xxxxl-n4 {
+    margin-right: -1.5rem !important;
+  }
+
+  .mb-xxxxl-n4,
+  .my-xxxxl-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+
+  .ml-xxxxl-n4,
+  .mx-xxxxl-n4 {
+    margin-left: -1.5rem !important;
+  }
+
+  .m-xxxxl-n5 {
+    margin: -3rem !important;
+  }
+
+  .mt-xxxxl-n5,
+  .my-xxxxl-n5 {
+    margin-top: -3rem !important;
+  }
+
+  .mr-xxxxl-n5,
+  .mx-xxxxl-n5 {
+    margin-right: -3rem !important;
+  }
+
+  .mb-xxxxl-n5,
+  .my-xxxxl-n5 {
+    margin-bottom: -3rem !important;
+  }
+
+  .ml-xxxxl-n5,
+  .mx-xxxxl-n5 {
+    margin-left: -3rem !important;
+  }
+
+  .m-xxxxl-auto {
+    margin: auto !important;
+  }
+
+  .mt-xxxxl-auto,
+  .my-xxxxl-auto {
+    margin-top: auto !important;
+  }
+
+  .mr-xxxxl-auto,
+  .mx-xxxxl-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-xxxxl-auto,
+  .my-xxxxl-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ml-xxxxl-auto,
+  .mx-xxxxl-auto {
+    margin-left: auto !important;
+  }
+}
+
 .text-monospace {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
 }
@@ -14039,7 +15181,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1168px) {
   .text-xl-left {
     text-align: left !important;
   }
@@ -14053,7 +15195,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1390px) {
+@media (min-width: 1368px) {
   .text-xxl-left {
     text-align: left !important;
   }
@@ -14067,7 +15209,7 @@ button.bg-alt:focus,
   }
 }
 
-@media (min-width: 1590px) {
+@media (min-width: 1568px) {
   .text-xxxl-left {
     text-align: left !important;
   }
@@ -14081,6 +15223,20 @@ button.bg-alt:focus,
   }
 }
 
+@media (min-width: 1868px) {
+  .text-xxxxl-left {
+    text-align: left !important;
+  }
+
+  .text-xxxxl-right {
+    text-align: right !important;
+  }
+
+  .text-xxxxl-center {
+    text-align: center !important;
+  }
+}
+
 .text-lowercase {
   text-transform: lowercase !important;
 }
@@ -15112,6 +16268,7 @@ textarea,
 .container-xl,
 .container-xxl,
 .container-xxxl,
+.container-xxxxl,
 .row,
 [class='col-*'] {
   -webkit-transition: all 0.4s ease;
@@ -15556,13 +16713,15 @@ input.time[readonly] {
 .dynamic__elements__image__elements__elementimage .container-xl,
 .dynamic__elements__image__elements__elementimage .container-xxl,
 .dynamic__elements__image__elements__elementimage .container-xxxl,
+.dynamic__elements__image__elements__elementimage .container-xxxxl,
 .site__elements__sliderelement .container-fluid,
 .site__elements__sliderelement .container-sm,
 .site__elements__sliderelement .container-md,
 .site__elements__sliderelement .container-lg,
 .site__elements__sliderelement .container-xl,
 .site__elements__sliderelement .container-xxl,
-.site__elements__sliderelement .container-xxxl {
+.site__elements__sliderelement .container-xxxl,
+.site__elements__sliderelement .container-xxxxl {
   padding-left: 0;
   padding-right: 0;
 }
@@ -15574,7 +16733,8 @@ input.time[readonly] {
 .element .elemental-area .element .container-lg,
 .element .elemental-area .element .container-xl,
 .element .elemental-area .element .container-xxl,
-.element .elemental-area .element .container-xxxl {
+.element .elemental-area .element .container-xxxl,
+.element .elemental-area .element .container-xxxxl {
   padding: 0;
   width: auto;
 }
@@ -15991,7 +17151,7 @@ h6,
   }
 }
 
-@media (max-width: 1199.98px) {
+@media (max-width: 1167.98px) {
   .typography .table-responsive-xl {
     display: block;
     width: 100%;
@@ -16005,7 +17165,7 @@ h6,
   }
 }
 
-@media (max-width: 1389.98px) {
+@media (max-width: 1367.98px) {
   .typography .table-responsive-xxl {
     display: block;
     width: 100%;
@@ -16019,7 +17179,7 @@ h6,
   }
 }
 
-@media (max-width: 1589.98px) {
+@media (max-width: 1567.98px) {
   .typography .table-responsive-xxxl {
     display: block;
     width: 100%;
@@ -16033,6 +17193,20 @@ h6,
   }
 }
 
+@media (max-width: 1867.98px) {
+  .typography .table-responsive-xxxxl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .typography .table-responsive-xxxxl > .table-bordered,
+  .typography .table-responsive-xxxxl > table {
+    border: 0;
+  }
+}
+
 .typography .table-responsive {
   display: block;
   width: 100%;
@@ -16292,7 +17466,8 @@ body {
 #Footer .container-lg,
 #Footer .container-xl,
 #Footer .container-xxl,
-#Footer .container-xxxl {
+#Footer .container-xxxl,
+#Footer .container-xxxxl {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
@@ -16316,7 +17491,8 @@ body {
 #Footer .footer .container-lg,
 #Footer .footer .container-xl,
 #Footer .footer .container-xxl,
-#Footer .footer .container-xxxl {
+#Footer .footer .container-xxxl,
+#Footer .footer .container-xxxxl {
   padding-top: 0;
   padding-bottom: 0;
 }

dist/css/app_SilverShop.Page.CheckoutPageController.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AA4CA;;;ECzCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n@keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n          box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  -ms-flex-item-align: center;\n      align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  -webkit-animation: pulse 0.8s linear infinite;\n          animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n    0% {\n        transform: scale(1);\n    }\n\n    50% {\n        transform: scale(0.8);\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.8);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAgDA;;;EC7CE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n// screen size - 32px (ex. 1400 - 32 = 1368)\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1168px,\n\txxl: 1368px,\n\txxxl: 1568px,\n\txxxxl: 1868px\n) !default;\n// screen size - (32px * 2) (ex. 1400 - 64 = 1336)\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1136px,\n\txxl: 1336px,\n\txxxl: 1536px,\n\txxxxl: 1836px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n@keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n          box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  -ms-flex-item-align: center;\n      align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  -webkit-animation: pulse 0.8s linear infinite;\n          animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n    0% {\n        transform: scale(1);\n    }\n\n    50% {\n        transform: scale(0.8);\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.8);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}

dist/css/app_Site.Controllers.MapElementController.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AA4CA;;;ECzCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n@keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n          box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  -ms-flex-item-align: center;\n      align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  -webkit-animation: pulse 0.8s linear infinite;\n          animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n    0% {\n        transform: scale(1);\n    }\n\n    50% {\n        transform: scale(0.8);\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.8);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAgDA;;;EC7CE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n// screen size - 32px (ex. 1400 - 32 = 1368)\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1168px,\n\txxl: 1368px,\n\txxxl: 1568px,\n\txxxxl: 1868px\n) !default;\n// screen size - (32px * 2) (ex. 1400 - 64 = 1336)\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1136px,\n\txxl: 1336px,\n\txxxl: 1536px,\n\txxxxl: 1836px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n@keyframes pulse {\n  0% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n\n  50% {\n    -webkit-transform: scale(0.8);\n            transform: scale(0.8);\n  }\n\n  100% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n          box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  -ms-flex-item-align: center;\n      align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  -webkit-animation: pulse 0.8s linear infinite;\n          animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n    0% {\n        transform: scale(1);\n    }\n\n    50% {\n        transform: scale(0.8);\n    }\n\n    100% {\n        transform: scale(1);\n    }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.8);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n.mapAPI-map {\n  height: 30rem;\n  margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n  width: 16rem;\n  height: 7rem;\n  font-size: 0.8rem;\n  line-height: 1.2em;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  pointer-events: none;\n  z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n  flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n  min-width: 16rem;\n  background: #fff;\n  color: #212121;\n  position: relative;\n  pointer-events: auto;\n  padding: 0.8rem;\n  border-radius: 0.25rem;\n  min-height: 5rem;\n  box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 2rem;\n  padding: 0.5rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n  background: #2196f3;\n  color: #fff;\n}\n\n.mapboxgl-popup-tip {\n  width: 0;\n  height: 0;\n  border: 0.8rem solid transparent;\n  z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n  border-top-color: #fff;\n  align-self: center;\n  border-bottom: none;\n}\n\n.mapboxgl-marker {\n  width: 30px;\n  height: 30px;\n  font-size: 30px;\n  color: #2196f3;\n  cursor: pointer;\n  text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n  animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "author": "Tony Air <tony@twma.pro>",
   "license": "MIT",
   "description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",

src/js/_main.js

@@ -329,7 +329,7 @@ const MainUI = (($) => {
 
       W.URLDetails.relative = location.split('#')[0];
       W.URLDetails.hash =
-				hash >= 0 ? location.substr(location.indexOf('#')) : '';
+        hash >= 0 ? location.substr(location.indexOf('#')) : '';
     }
 
     // show site-wide alert
@@ -364,10 +364,7 @@ const MainUI = (($) => {
         });
       }
 
-      if (
+      if ($AlertNotify.length && typeof $AlertNotify[0].stop !== 'undefined') {
-        $AlertNotify.length &&
-				typeof $AlertNotify[0].stop !== 'undefined'
-      ) {
         $AlertNotify[0].stop();
       }
 
@@ -458,6 +455,14 @@ const MainUI = (($) => {
     });
   });
 
+  // hide spinner on target _blank
+  $('[target="_blank"]').on('click submit', () => {
+    setTimeout(() => {
+      Spinner.hide(() => {
+        $Body.addClass('loaded');
+      });
+    }, 1000);
+  });
   W.MainUI = MainUI;
 
   return MainUI;

src/scss/_variables.scss

@@ -1,22 +1,26 @@
 @import '_mixings';
 @import '_colors';
 
+// screen size - 32px (ex. 1400 - 32 = 1368)
 $grid-breakpoints: (
 	xs: 0,
 	sm: 576px,
 	md: 768px,
 	lg: 992px,
-	xl: 1200px,
+	xl: 1168px,
-	xxl: 1390px,
+	xxl: 1368px,
-	xxxl: 1590px
+	xxxl: 1568px,
+	xxxxl: 1868px
 ) !default;
+// screen size - (32px * 2) (ex. 1400 - 64 = 1336)
 $container-max-widths: (
 	sm: 540px,
 	md: 720px,
 	lg: 960px,
-	xl: 1140px,
+	xl: 1136px,
-	xxl: 1330px,
+	xxl: 1336px,
-	xxxl: 1560px
+	xxxl: 1536px,
+	xxxxl: 1836px
 ) !default;
 
 $font-family-base: 'Lato', sans-serif !default;