@transferwise/neptune-css 0.0.0-experimental-96eba2f → 0.0.0-experimental-7daf7ad

package/dist/css/neptune.css

@@ -298,6 +298,65 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
+@media (max-width: 320px) {
+  .np-theme-personal {
+    --delta: 2;
+    --size-4: calc(4px / var(--delta));
+    --size-8: calc(8px / var(--delta));
+    --size-10: calc(10px / var(--delta));
+    --size-12: calc(12px / var(--delta));
+    --size-14: calc(14px / var(--delta));
+    --size-16: calc(16px / var(--delta));
+    --size-24: calc(24px / var(--delta));
+    --size-32: calc(32px / var(--delta));
+    --size-40: calc(40px / var(--delta));
+    --size-48: calc(48px / var(--delta));
+    --size-52: calc(52px / var(--delta));
+    --size-56: calc(56px / var(--delta));
+    --size-60: calc(60px / var(--delta));
+    --size-64: calc(64px / var(--delta));
+    --size-72: calc(72px / var(--delta));
+    --size-80: calc(80px / var(--delta));
+    --size-88: calc(88px / var(--delta));
+    --size-96: calc(96px / var(--delta));
+    --size-104: calc(104px / var(--delta));
+    --size-112: calc(112px / var(--delta));
+    --size-120: calc(120px / var(--delta));
+    --size-126: calc(126px / var(--delta));
+    --size-128: calc(128px / var(--delta));
+    --size-146: calc(146px / var(--delta));
+    --size-154: calc(154px / var(--delta));
+    --size-x-small: calc(24px / var(--delta));
+    --size-small: calc(32px / var(--delta));
+    --size-medium: calc(40px / var(--delta));
+    --size-large: calc(48px / var(--delta));
+    --size-x-large: calc(56px / var(--delta));
+    --size-2x-large: calc(72px / var(--delta));
+    --space-content-horizontal: calc(16px / var(--delta));
+    --space-small: calc(16px / var(--delta));
+    --space-medium: calc(32px / var(--delta));
+    --space-large: calc(40px / var(--delta));
+    --space-x-large: calc(56px / var(--delta));
+    --padding-x-small: var(--size-8);
+    --padding-small: var(--size-16);
+    --padding-medium: var(--size-24);
+    --padding-large: var(--size-32);
+    --input-height-base: var(--size-32);
+    --input-height-large: var(--input-height-small);
+    --input-padding: var(--input-padding-small);
+    --input-padding-large: var(--input-padding-small);
+    --input-group-addon-padding: var(--input-group-addon-sm-padding);
+    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
+    --btn-height: var(--input-height-base);
+    --btn-lg-height: var(--btn-height);
+    --btn-sm-height: var(--btn-height);
+    --btn-padding: var(--input-padding);
+    --btn-sm-padding: var(--btn-padding);
+    --btn-lg-padding: var(--btn-padding);
+    --dropdown-link-padding: var(--size-12) var(--size-16);
+  }
+}
+
 /**
  * Do not edit directly
  * Generated on Wed, 06 Dec 2023 12:40:57 GMT
@@ -485,6 +544,65 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
+@media (max-width: 320px) {
+  .np-theme-personal {
+    --delta: 2;
+    --size-4: calc(4px / var(--delta));
+    --size-8: calc(8px / var(--delta));
+    --size-10: calc(10px / var(--delta));
+    --size-12: calc(12px / var(--delta));
+    --size-14: calc(14px / var(--delta));
+    --size-16: calc(16px / var(--delta));
+    --size-24: calc(24px / var(--delta));
+    --size-32: calc(32px / var(--delta));
+    --size-40: calc(40px / var(--delta));
+    --size-48: calc(48px / var(--delta));
+    --size-52: calc(52px / var(--delta));
+    --size-56: calc(56px / var(--delta));
+    --size-60: calc(60px / var(--delta));
+    --size-64: calc(64px / var(--delta));
+    --size-72: calc(72px / var(--delta));
+    --size-80: calc(80px / var(--delta));
+    --size-88: calc(88px / var(--delta));
+    --size-96: calc(96px / var(--delta));
+    --size-104: calc(104px / var(--delta));
+    --size-112: calc(112px / var(--delta));
+    --size-120: calc(120px / var(--delta));
+    --size-126: calc(126px / var(--delta));
+    --size-128: calc(128px / var(--delta));
+    --size-146: calc(146px / var(--delta));
+    --size-154: calc(154px / var(--delta));
+    --size-x-small: calc(24px / var(--delta));
+    --size-small: calc(32px / var(--delta));
+    --size-medium: calc(40px / var(--delta));
+    --size-large: calc(48px / var(--delta));
+    --size-x-large: calc(56px / var(--delta));
+    --size-2x-large: calc(72px / var(--delta));
+    --space-content-horizontal: calc(16px / var(--delta));
+    --space-small: calc(16px / var(--delta));
+    --space-medium: calc(32px / var(--delta));
+    --space-large: calc(40px / var(--delta));
+    --space-x-large: calc(56px / var(--delta));
+    --padding-x-small: var(--size-8);
+    --padding-small: var(--size-16);
+    --padding-medium: var(--size-24);
+    --padding-large: var(--size-32);
+    --input-height-base: var(--size-32);
+    --input-height-large: var(--input-height-small);
+    --input-padding: var(--input-padding-small);
+    --input-padding-large: var(--input-padding-small);
+    --input-group-addon-padding: var(--input-group-addon-sm-padding);
+    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
+    --btn-height: var(--input-height-base);
+    --btn-lg-height: var(--btn-height);
+    --btn-sm-height: var(--btn-height);
+    --btn-padding: var(--input-padding);
+    --btn-sm-padding: var(--btn-padding);
+    --btn-lg-padding: var(--btn-padding);
+    --dropdown-link-padding: var(--size-12) var(--size-16);
+  }
+}
+
 /**
  * Do not edit directly
  * Generated on Wed, 06 Dec 2023 12:40:57 GMT
@@ -672,6 +790,65 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
+@media (max-width: 320px) {
+  .np-theme-personal {
+    --delta: 2;
+    --size-4: calc(4px / var(--delta));
+    --size-8: calc(8px / var(--delta));
+    --size-10: calc(10px / var(--delta));
+    --size-12: calc(12px / var(--delta));
+    --size-14: calc(14px / var(--delta));
+    --size-16: calc(16px / var(--delta));
+    --size-24: calc(24px / var(--delta));
+    --size-32: calc(32px / var(--delta));
+    --size-40: calc(40px / var(--delta));
+    --size-48: calc(48px / var(--delta));
+    --size-52: calc(52px / var(--delta));
+    --size-56: calc(56px / var(--delta));
+    --size-60: calc(60px / var(--delta));
+    --size-64: calc(64px / var(--delta));
+    --size-72: calc(72px / var(--delta));
+    --size-80: calc(80px / var(--delta));
+    --size-88: calc(88px / var(--delta));
+    --size-96: calc(96px / var(--delta));
+    --size-104: calc(104px / var(--delta));
+    --size-112: calc(112px / var(--delta));
+    --size-120: calc(120px / var(--delta));
+    --size-126: calc(126px / var(--delta));
+    --size-128: calc(128px / var(--delta));
+    --size-146: calc(146px / var(--delta));
+    --size-154: calc(154px / var(--delta));
+    --size-x-small: calc(24px / var(--delta));
+    --size-small: calc(32px / var(--delta));
+    --size-medium: calc(40px / var(--delta));
+    --size-large: calc(48px / var(--delta));
+    --size-x-large: calc(56px / var(--delta));
+    --size-2x-large: calc(72px / var(--delta));
+    --space-content-horizontal: calc(16px / var(--delta));
+    --space-small: calc(16px / var(--delta));
+    --space-medium: calc(32px / var(--delta));
+    --space-large: calc(40px / var(--delta));
+    --space-x-large: calc(56px / var(--delta));
+    --padding-x-small: var(--size-8);
+    --padding-small: var(--size-16);
+    --padding-medium: var(--size-24);
+    --padding-large: var(--size-32);
+    --input-height-base: var(--size-32);
+    --input-height-large: var(--input-height-small);
+    --input-padding: var(--input-padding-small);
+    --input-padding-large: var(--input-padding-small);
+    --input-group-addon-padding: var(--input-group-addon-sm-padding);
+    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
+    --btn-height: var(--input-height-base);
+    --btn-lg-height: var(--btn-height);
+    --btn-sm-height: var(--btn-height);
+    --btn-padding: var(--input-padding);
+    --btn-sm-padding: var(--btn-padding);
+    --btn-lg-padding: var(--btn-padding);
+    --dropdown-link-padding: var(--size-12) var(--size-16);
+  }
+}
+
 /**
  * Do not edit directly
  * Generated on Wed, 06 Dec 2023 12:40:57 GMT
@@ -859,6 +1036,65 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
+@media (max-width: 320px) {
+  .np-theme-personal {
+    --delta: 2;
+    --size-4: calc(4px / var(--delta));
+    --size-8: calc(8px / var(--delta));
+    --size-10: calc(10px / var(--delta));
+    --size-12: calc(12px / var(--delta));
+    --size-14: calc(14px / var(--delta));
+    --size-16: calc(16px / var(--delta));
+    --size-24: calc(24px / var(--delta));
+    --size-32: calc(32px / var(--delta));
+    --size-40: calc(40px / var(--delta));
+    --size-48: calc(48px / var(--delta));
+    --size-52: calc(52px / var(--delta));
+    --size-56: calc(56px / var(--delta));
+    --size-60: calc(60px / var(--delta));
+    --size-64: calc(64px / var(--delta));
+    --size-72: calc(72px / var(--delta));
+    --size-80: calc(80px / var(--delta));
+    --size-88: calc(88px / var(--delta));
+    --size-96: calc(96px / var(--delta));
+    --size-104: calc(104px / var(--delta));
+    --size-112: calc(112px / var(--delta));
+    --size-120: calc(120px / var(--delta));
+    --size-126: calc(126px / var(--delta));
+    --size-128: calc(128px / var(--delta));
+    --size-146: calc(146px / var(--delta));
+    --size-154: calc(154px / var(--delta));
+    --size-x-small: calc(24px / var(--delta));
+    --size-small: calc(32px / var(--delta));
+    --size-medium: calc(40px / var(--delta));
+    --size-large: calc(48px / var(--delta));
+    --size-x-large: calc(56px / var(--delta));
+    --size-2x-large: calc(72px / var(--delta));
+    --space-content-horizontal: calc(16px / var(--delta));
+    --space-small: calc(16px / var(--delta));
+    --space-medium: calc(32px / var(--delta));
+    --space-large: calc(40px / var(--delta));
+    --space-x-large: calc(56px / var(--delta));
+    --padding-x-small: var(--size-8);
+    --padding-small: var(--size-16);
+    --padding-medium: var(--size-24);
+    --padding-large: var(--size-32);
+    --input-height-base: var(--size-32);
+    --input-height-large: var(--input-height-small);
+    --input-padding: var(--input-padding-small);
+    --input-padding-large: var(--input-padding-small);
+    --input-group-addon-padding: var(--input-group-addon-sm-padding);
+    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
+    --btn-height: var(--input-height-base);
+    --btn-lg-height: var(--btn-height);
+    --btn-sm-height: var(--btn-height);
+    --btn-padding: var(--input-padding);
+    --btn-sm-padding: var(--btn-padding);
+    --btn-lg-padding: var(--btn-padding);
+    --dropdown-link-padding: var(--size-12) var(--size-16);
+  }
+}
+
 /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
 
 @font-face {
@@ -1423,6 +1659,11 @@ html.ios-click {
   cursor: pointer;
 }
 
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
 button,
 input,
 optgroup,
@@ -1921,67 +2162,7 @@ h6,
   line-height: 140%;
 }
 
-.body-1,
-.body-2,
-.body-3,
-.label,
-.value,
-.np-text-body-default {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
-
-.body-1,
-.np-text-body-default,
-.np-text-body-default-bold {
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-}
-
-.np-text-body-default-bold {
-  font-weight: 800;
-  font-weight: var(--font-weight-bold);
-}
-
-.body-2 {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-}
-
-.body-3 {
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-}
-
-.control-1,
-.control-2 {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
-}
-
-.control-1 {
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-}
-
-.control-2 {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-}
-
-.label {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-}
-
-.value {
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-}
+/* DEPRECATED: use .np-text-title-body instead */
 
 .lead {
   margin-bottom: 24px;
@@ -1992,22 +2173,9 @@ h6,
   line-height: var(--line-height-title);
 }
 
-small,
-.small,
-.body-2 {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
-
 .tiny {
   color: #5d7079;
   color: var(--color-content-secondary);
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
 }
 
 /* DEPRECATED: use .np-text-body-default instead */
@@ -2021,6 +2189,7 @@ small,
 .small,
 .tiny,
 body,
+small,
 .np-text-body-default {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -2036,17 +2205,14 @@ body,
 
 .control-2,
 .np-text-body-default-bold {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
   line-height: 155%;
   letter-spacing: -0.006em;
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 
-.np-text-body-default-bold {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-}
-
 /* DEPRECATED: use .np-text-body-large instead  */
 
 /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2576,6 +2742,8 @@ a,
   font-weight: var(--font-weight-semi-bold);
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
+
 .display-1 {
   margin-bottom: 24px;
   margin-bottom: var(--size-24);
@@ -2591,6 +2759,8 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
+
 .display-2 {
   margin-bottom: 24px;
   margin-bottom: var(--size-24);
@@ -2606,6 +2776,8 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
+
 .display-3 {
   margin-bottom: 8px;
   margin-bottom: var(--size-8);
@@ -2620,6 +2792,8 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
+
 .display-4 {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
@@ -2635,6 +2809,8 @@ a,
   }
 }
 
+/* DEPRECATED: use `.np-text-display-*` instead */
+
 .display-5 {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
@@ -2778,6 +2954,7 @@ blockquote footer::before {
 
 [dir="rtl"] .blockquote-reverse {
   padding-left: 22px;
+  padding-right: 0;
   padding-right: initial;
 }
 
@@ -4179,24 +4356,58 @@ html:not([dir="rtl"]) .m-a-4 {
   padding-bottom: var(--size-32) !important;
 }
 
-[dir="rtl"] .p-a-4 {
-  padding-left: 32px !important;
-  padding-left: var(--size-32) !important;
+[dir="rtl"] .p-a-4 {
+  padding-left: 32px !important;
+  padding-left: var(--size-32) !important;
+}
+
+html:not([dir="rtl"]) .p-a-4 {
+  padding-right: 32px !important;
+  padding-right: var(--size-32) !important;
+}
+
+[dir="rtl"] .p-a-4 {
+  padding-right: 32px !important;
+  padding-right: var(--size-32) !important;
+}
+
+html:not([dir="rtl"]) .p-a-4 {
+  padding-left: 32px !important;
+  padding-left: var(--size-32) !important;
+}
+
+.m-t-4 {
+  margin-top: 32px !important;
+  margin-top: var(--size-32) !important;
+}
+
+.m-b-4 {
+  margin-bottom: 32px !important;
+  margin-bottom: var(--size-32) !important;
+}
+
+.m-y-4 {
+  margin-top: 32px !important;
+  margin-top: var(--size-32) !important;
+  margin-bottom: 32px !important;
+  margin-bottom: var(--size-32) !important;
 }
 
-html:not([dir="rtl"]) .p-a-4 {
-  padding-right: 32px !important;
-  padding-right: var(--size-32) !important;
+.p-t-4 {
+  padding-top: 32px !important;
+  padding-top: var(--size-32) !important;
 }
 
-[dir="rtl"] .p-a-4 {
-  padding-right: 32px !important;
-  padding-right: var(--size-32) !important;
+.p-b-4 {
+  padding-bottom: 32px !important;
+  padding-bottom: var(--size-32) !important;
 }
 
-html:not([dir="rtl"]) .p-a-4 {
-  padding-left: 32px !important;
-  padding-left: var(--size-32) !important;
+.p-y-4 {
+  padding-top: 32px !important;
+  padding-top: var(--size-32) !important;
+  padding-bottom: 32px !important;
+  padding-bottom: var(--size-32) !important;
 }
 
 [dir="rtl"] .m-l-4 {
@@ -4333,6 +4544,40 @@ html:not([dir="rtl"]) .p-a-5 {
   padding-left: var(--size-40) !important;
 }
 
+.m-t-5 {
+  margin-top: 40px !important;
+  margin-top: var(--size-40) !important;
+}
+
+.m-b-5 {
+  margin-bottom: 40px !important;
+  margin-bottom: var(--size-40) !important;
+}
+
+.m-y-5 {
+  margin-top: 40px !important;
+  margin-top: var(--size-40) !important;
+  margin-bottom: 40px !important;
+  margin-bottom: var(--size-40) !important;
+}
+
+.p-t-5 {
+  padding-top: 40px !important;
+  padding-top: var(--size-40) !important;
+}
+
+.p-b-5 {
+  padding-bottom: 40px !important;
+  padding-bottom: var(--size-40) !important;
+}
+
+.p-y-5 {
+  padding-top: 40px !important;
+  padding-top: var(--size-40) !important;
+  padding-bottom: 40px !important;
+  padding-bottom: var(--size-40) !important;
+}
+
 [dir="rtl"] .m-l-5 {
   margin-right: 40px !important;
   margin-right: var(--size-40) !important;
@@ -5417,6 +5662,7 @@ tbody.collapse.in {
 }
 
 .np-theme-personal .alert {
+  padding: 24px;
   padding: var(--padding-medium);
   border-radius: 16px;
   border-radius: var(--radius-medium);
@@ -5523,6 +5769,7 @@ tbody.collapse.in {
 
 [dir="rtl"] .arrow.arrow-left::before {
   right: 20px;
+  left: auto;
   left: initial;
 }
 
@@ -5538,6 +5785,7 @@ tbody.collapse.in {
 }
 
 [dir="rtl"] .arrow.arrow-right::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -5624,6 +5872,7 @@ tbody.collapse.in {
 
 [dir="rtl"] .form-group .alert.arrow-left::before {
   right: 20px;
+  left: auto;
   left: initial;
 }
 
@@ -5639,6 +5888,7 @@ tbody.collapse.in {
 }
 
 [dir="rtl"] .form-group .alert.arrow-right::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -7920,6 +8170,15 @@ input[type="button"].btn-block {
   margin-left: calc(var(--padding-small) / 2) !important;
 }
 
+@keyframes rotating {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 .btn-input.btn {
   text-align: left;
 }
@@ -8015,6 +8274,46 @@ a.btn {
   clear: both;
 }
 
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
+.btn-toolbar::before,
+.btn-toolbar::after {
+  content: " ";
+  display: table;
+}
+
+.btn-toolbar::after {
+  clear: both;
+}
+
 .btn-toolbar .btn,
 .btn-toolbar .btn-group,
 .btn-toolbar .input-group {
@@ -8430,6 +8729,46 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
   clear: both;
 }
 
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
+.btn-group.btn-block::before,
+.btn-group.btn-block::after {
+  content: " ";
+  display: table;
+}
+
+.btn-group.btn-block::after {
+  clear: both;
+}
+
 .btn-group.btn-block .btn {
   display: block;
   width: 100%;
@@ -8546,10 +8885,6 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
 }
 
 .btn-group .secondary {
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -8906,6 +9241,8 @@ fieldset[disabled] .checkbox label {
 
 [dir="rtl"] .form-control-static.input-lg,
 [dir="rtl"] .form-control-static.input-sm {
+  padding-right: 0;
+  padding-left: 0;
   padding-left: initial;
 }
 
@@ -8923,10 +9260,6 @@ fieldset[disabled] .checkbox label {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -9188,6 +9521,7 @@ select[multiple].input-lg {
 
 [dir="rtl"] .help-block.arrow-left::before {
   right: 20px;
+  left: auto;
   left: initial;
 }
 
@@ -9203,6 +9537,7 @@ select[multiple].input-lg {
 }
 
 [dir="rtl"] .help-block.arrow-right::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -10146,6 +10481,11 @@ select[multiple].input-lg {
   margin-right: -12px;
 }
 
+[dir="rtl"] .form-horizontal .form-group {
+  margin-right: -12px;
+  margin-left: -12px;
+}
+
 [dir="rtl"] .form-horizontal .form-group {
   margin-left: -12px;
   margin-right: -12px;
@@ -10609,6 +10949,8 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 
 .input-group-addon {
+  color: #5d7079;
+  color: var(--color-content-secondary);
   transition: border-color ease-in-out 0.15s;
 }
 
@@ -11230,6 +11572,7 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
   line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
+  margin-bottom: 0;
   margin-bottom: initial;
   font-size: 1.375rem;
   font-size: var(--font-size-22);
@@ -11276,10 +11619,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -11988,6 +12327,8 @@ a.circle.active:hover {
 
 [dir="rtl"] .btn .circle .tw-icon,
 [dir="rtl"] .dropdown-menu li .circle .tw-icon {
+  margin-right: 0;
+  margin-left: 0;
   margin-left: initial;
 }
 
@@ -12283,10 +12624,6 @@ li > a > .currency-flag:first-child {
 }
 
 .decision__content {
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -12388,10 +12725,6 @@ li > a > .currency-flag:first-child {
   padding: 8px   ;
   margin: 0;
   list-style: none;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -12472,10 +12805,6 @@ li > a > .currency-flag:first-child {
   padding: var(--dropdown-link-padding);
   clear: both;
   border-radius: 3px;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -12635,6 +12964,7 @@ li > a > .currency-flag:first-child {
 
 [dir="rtl"] .dropdown-menu-right,
 [dir="rtl"] .dropdown-menu-xs-right {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -12655,6 +12985,7 @@ li > a > .currency-flag:first-child {
 [dir="rtl"] .dropdown-menu-left,
 [dir="rtl"] .dropdown-menu-xs-left {
   right: 0;
+  left: auto;
   left: initial;
 }
 
@@ -12671,6 +13002,7 @@ li > a > .currency-flag:first-child {
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-sm-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -12685,6 +13017,7 @@ li > a > .currency-flag:first-child {
   }
   [dir="rtl"] .dropdown-menu-sm-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-sm-left {
@@ -12700,6 +13033,7 @@ li > a > .currency-flag:first-child {
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-md-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -12714,6 +13048,7 @@ li > a > .currency-flag:first-child {
   }
   [dir="rtl"] .dropdown-menu-md-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-md-left {
@@ -12729,6 +13064,7 @@ li > a > .currency-flag:first-child {
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-lg-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -12743,6 +13079,7 @@ li > a > .currency-flag:first-child {
   }
   [dir="rtl"] .dropdown-menu-lg-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-lg-left {
@@ -12758,6 +13095,7 @@ li > a > .currency-flag:first-child {
     right: 0;
   }
   [dir="rtl"] .dropdown-menu-xl-right {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -12772,6 +13110,7 @@ li > a > .currency-flag:first-child {
   }
   [dir="rtl"] .dropdown-menu-xl-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .dropdown-menu-xl-left {
@@ -12844,6 +13183,7 @@ li > a > .currency-flag:first-child {
     right: 0;
   }
   [dir="rtl"] .navbar-right .dropdown-menu {
+    right: auto;
     left: auto;
     left: initial;
   }
@@ -12858,6 +13198,7 @@ li > a > .currency-flag:first-child {
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {
     right: 0;
+    left: auto;
     left: initial;
   }
   [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -13845,10 +14186,6 @@ li > a > .currency-flag:first-child {
 .footer {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -13883,10 +14220,6 @@ li > a > .currency-flag:first-child {
 .footer .link-icon {
   color: #5d7079;
   color: var(--color-content-secondary);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -14001,13 +14334,53 @@ li > a > .currency-flag:first-child {
   }
 }
 
-.container {
-  margin-right: auto;
-  margin-left: auto;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-right: 16px;
-  padding-left: 16px;
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 12px;
+  padding-right: 12px;
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
+}
+
+.container::before,
+.container::after {
+  content: " ";
+  display: table;
+}
+
+.container::after {
+  clear: both;
 }
 
 .container::before,
@@ -14052,6 +14425,11 @@ li > a > .currency-flag:first-child {
   margin-right: -12px;
 }
 
+[dir="rtl"] .row {
+  margin-right: -12px;
+  margin-left: -12px;
+}
+
 [dir="rtl"] .row {
   margin-left: -12px;
   margin-right: -12px;
@@ -14067,6 +14445,46 @@ li > a > .currency-flag:first-child {
   clear: both;
 }
 
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
+.row::before,
+.row::after {
+  content: " ";
+  display: table;
+}
+
+.row::after {
+  clear: both;
+}
+
 .col-xs-1,
 .col-sm-1,
 .col-md-1,
@@ -17144,118 +17562,349 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   border-left: 3px solid var(--color-interactive-accent);
 }
 
-[dir="rtl"] .nav-stacked > li.active > a,
-[dir="rtl"] .nav-stacked > li.active > a:hover,
-[dir="rtl"] .nav-stacked > li.active > a:focus {
-  padding-right: 21px;
-  padding-left: 0;
-  padding-left: initial;
+[dir="rtl"] .nav-stacked > li.active > a,
+[dir="rtl"] .nav-stacked > li.active > a:hover,
+[dir="rtl"] .nav-stacked > li.active > a:focus {
+  padding-right: 21px;
+  padding-left: 0;
+  padding-left: initial;
+}
+
+.nav-justified {
+  width: 100%;
+}
+
+.nav-justified > li {
+  float: none;
+  display: table-cell;
+  vertical-align: top;
+  width: 1%;
+  text-align: center;
+}
+
+.nav-justified > li > a {
+  text-align: center;
+}
+
+.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+
+[dir="rtl"] .nav-justified > .dropdown .dropdown-menu {
+  right: auto;
+  left: auto;
+  left: initial;
+}
+
+.nav-justified.nav-pills > li > a {
+  padding: 0 4px;
+  padding: 0 var(--size-4);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+}
+
+@media (min-width: 768px) {
+  .nav-justified-2-p-x {
+    padding-right: 25%;
+    padding-left: 25%;
+  }
+  .nav-justified-3-p-x {
+    padding-right: 16.66666667%;
+    padding-left: 16.66666667%;
+  }
+  .nav-justified-4-p-x {
+    padding-right: 12.5%;
+    padding-left: 12.5%;
+  }
+  .nav-justified-5-p-x {
+    padding-right: 10%;
+    padding-left: 10%;
+  }
+  .nav-justified-6-p-x {
+    padding-right: 8.33333333%;
+    padding-left: 8.33333333%;
+  }
+  .nav-justified-7-p-x {
+    padding-right: 7.14285714%;
+    padding-left: 7.14285714%;
+  }
+  .nav-justified-8-p-x {
+    padding-right: 6.25%;
+    padding-left: 6.25%;
+  }
+}
+
+.nav-tabs-justified {
+  border-bottom: 0;
+}
+
+.nav-tabs-justified > li {
+  float: none;
+  display: table-cell;
+  width: 1%;
+  text-align: center;
+  vertical-align: top;
+}
+
+.nav-tabs-justified > li > a {
+  margin-right: 0;
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid var(--color-border-neutral);
+  border-radius: 3px;
+}
+
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid var(--color-border-neutral);
+  border-bottom: 0;
+}
+
+.tab-content > .tab-pane {
+  display: none;
+}
+
+.tab-content > .active {
+  display: block;
+}
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.clearfix::before,
+.clearfix::after,
+.btn-group-vertical > .btn-group::before,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::before,
+.form-horizontal .form-group::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after,
+.row::before,
+.row::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after,
+.modal-footer::before,
+.modal-footer::after,
+.panel-body::before,
+.panel-body::after {
+  content: " ";
+  display: table;
+}
+
+.clearfix::after,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::after,
+.container::after,
+.container-fluid::after,
+.row::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after,
+.modal-footer::after,
+.panel-body::after {
+  clear: both;
+}
+
+.clearfix::before,
+.clearfix::after,
+.btn-group-vertical > .btn-group::before,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::before,
+.form-horizontal .form-group::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after,
+.row::before,
+.row::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after,
+.modal-footer::before,
+.modal-footer::after,
+.panel-body::before,
+.panel-body::after {
+  content: " ";
+  display: table;
+}
+
+.clearfix::after,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::after,
+.container::after,
+.container-fluid::after,
+.row::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after,
+.modal-footer::after,
+.panel-body::after {
+  clear: both;
+}
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 
-.nav-justified {
-  width: 100%;
+.pull-right,
+.pull-xs-right {
+  float: right !important;
 }
 
-.nav-justified > li {
-  float: none;
-  display: table-cell;
-  vertical-align: top;
-  width: 1%;
-  text-align: center;
+[dir="rtl"] .pull-right,
+[dir="rtl"] .pull-xs-right {
+  float: left !important;
 }
 
-.nav-justified > li > a {
-  text-align: center;
+.pull-left,
+.pull-xs-left {
+  float: left !important;
 }
 
-.nav-justified > .dropdown .dropdown-menu {
-  top: auto;
-  left: auto;
+[dir="rtl"] .pull-left,
+[dir="rtl"] .pull-xs-left {
+  float: right !important;
 }
 
-[dir="rtl"] .nav-justified > .dropdown .dropdown-menu {
-  right: auto;
-  left: auto;
-  left: initial;
+.pull-xs-none {
+  float: none !important;
 }
 
-.nav-justified.nav-pills > li > a {
-  padding: 0 4px;
-  padding: 0 var(--size-4);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
+@media (min-width: 576px) {
+  .pull-sm-left {
+    float: left !important;
+  }
+  [dir="rtl"] .pull-sm-left {
+    float: right !important;
+  }
+  .pull-sm-right {
+    float: right !important;
+  }
+  [dir="rtl"] .pull-sm-right {
+    float: left !important;
+  }
+  .pull-sm-none {
+    float: none !important;
+  }
 }
 
 @media (min-width: 768px) {
-  .nav-justified-2-p-x {
-    padding-right: 25%;
-    padding-left: 25%;
+  .pull-md-left {
+    float: left !important;
   }
-  .nav-justified-3-p-x {
-    padding-right: 16.66666667%;
-    padding-left: 16.66666667%;
+  [dir="rtl"] .pull-md-left {
+    float: right !important;
   }
-  .nav-justified-4-p-x {
-    padding-right: 12.5%;
-    padding-left: 12.5%;
+  .pull-md-right {
+    float: right !important;
   }
-  .nav-justified-5-p-x {
-    padding-right: 10%;
-    padding-left: 10%;
+  [dir="rtl"] .pull-md-right {
+    float: left !important;
   }
-  .nav-justified-6-p-x {
-    padding-right: 8.33333333%;
-    padding-left: 8.33333333%;
+  .pull-md-none {
+    float: none !important;
   }
-  .nav-justified-7-p-x {
-    padding-right: 7.14285714%;
-    padding-left: 7.14285714%;
+}
+
+@media (min-width: 992px) {
+  .pull-lg-left {
+    float: left !important;
   }
-  .nav-justified-8-p-x {
-    padding-right: 6.25%;
-    padding-left: 6.25%;
+  [dir="rtl"] .pull-lg-left {
+    float: right !important;
+  }
+  .pull-lg-right {
+    float: right !important;
+  }
+  [dir="rtl"] .pull-lg-right {
+    float: left !important;
+  }
+  .pull-lg-none {
+    float: none !important;
   }
 }
 
-.nav-tabs-justified {
-  border-bottom: 0;
+@media (min-width: 1200px) {
+  .pull-xl-left {
+    float: left !important;
+  }
+  [dir="rtl"] .pull-xl-left {
+    float: right !important;
+  }
+  .pull-xl-right {
+    float: right !important;
+  }
+  [dir="rtl"] .pull-xl-right {
+    float: left !important;
+  }
+  .pull-xl-none {
+    float: none !important;
+  }
 }
 
-.nav-tabs-justified > li {
-  float: none;
-  display: table-cell;
-  width: 1%;
-  text-align: center;
-  vertical-align: top;
+.hide {
+  display: none !important;
 }
 
-.nav-tabs-justified > li > a {
-  margin-right: 0;
-  border-bottom: 1px solid rgba(0,0,0,0.10196);
-  border-bottom: 1px solid var(--color-border-neutral);
-  border-radius: 3px;
+.show {
+  display: block !important;
 }
 
-.nav-tabs-justified > .active > a,
-.nav-tabs-justified > .active > a:hover,
-.nav-tabs-justified > .active > a:focus {
-  border: 1px solid rgba(0,0,0,0.10196);
-  border: 1px solid var(--color-border-neutral);
-  border-bottom: 0;
+.invisible {
+  visibility: hidden;
 }
 
-.tab-content > .tab-pane {
-  display: none;
+.text-hide {
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
 }
 
-.tab-content > .active {
-  display: block;
+.hidden {
+  display: none !important;
 }
 
-.nav-tabs .dropdown-menu {
-  margin-top: -1px;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
+.affix {
+  position: fixed;
+}
+
+.rotate90 {
+  transform: rotate(90deg);
+}
+
+.rotate180 {
+  transform: rotate(180deg);
+}
+
+.rotate270 {
+  transform: rotate(270deg);
+}
+
+.rotate-90 {
+  transform: rotate(-90deg);
 }
 
 .clickable {
@@ -17954,6 +18603,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 [dir="rtl"] .navbar-right li > .dropdown-menu::before,
 [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
   left: calc((8px * 2) + (8px / 2));
+  right: auto;
   right: initial;
 }
 
@@ -17986,6 +18636,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 
 [dir="rtl"] .navbar-right.dropdown-menu-center::before,
 [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
+  left: auto;
   right: auto;
   right: initial;
 }
@@ -18054,15 +18705,22 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   [dir="rtl"] .navbar-left {
     float: right !important;
   }
+  [dir="rtl"] .navbar-left {
+    float: right !important;
+  }
   .navbar-right {
     float: right !important;
   }
+  [dir="rtl"] .navbar-right {
+    float: left !important;
+  }
   .navbar-right li > .dropdown-menu::before {
     right: calc((8px * 2) + (8px / 2));
     left: auto;
   }
   [dir="rtl"] .navbar-right li > .dropdown-menu::before {
     left: calc((8px * 2) + (8px / 2));
+    right: auto;
     right: initial;
   }
   [dir="rtl"] .navbar-right li > .dropdown-menu::before {
@@ -18076,6 +18734,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
     margin-left: -4px;
   }
   [dir="rtl"] .navbar-right.dropdown-menu-center::before {
+    left: auto;
     right: auto;
     right: initial;
   }
@@ -20144,10 +20803,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -20329,6 +20984,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 
 [dir="rtl"] .popover.top-left::before {
   left: 29px;
+  right: auto;
   right: initial;
 }
 
@@ -20354,6 +21010,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 
 [dir="rtl"] .popover.top-right::before {
   right: 29px;
+  left: auto;
   left: initial;
 }
 
@@ -20434,6 +21091,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 
 [dir="rtl"] .popover.bottom-left::before {
   left: 29px;
+  right: auto;
   right: initial;
 }
 
@@ -20459,6 +21117,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 
 [dir="rtl"] .popover.bottom-right::before {
   left: 29px;
+  right: auto;
   right: initial;
 }
 
@@ -20482,6 +21141,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 }
 
 [dir="rtl"] .popover.left::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -20500,6 +21160,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 }
 
 [dir="rtl"] .popover.left-top::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -20518,6 +21179,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 }
 
 [dir="rtl"] .popover.left-bottom::before {
+  right: auto;
   left: auto;
   left: initial;
 }
@@ -20564,10 +21226,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 
 .popover-content {
   padding: 0;
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -23116,10 +23774,6 @@ table col[class*="col-"] {
 }
 
 .tooltip-inner {
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-  font-size: 1rem;
-  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -23328,6 +23982,49 @@ a[data-toggle="tooltip"] {
   clear: both;
 }
 
+.clearfix::before,
+.clearfix::after,
+.btn-group-vertical > .btn-group::before,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::before,
+.form-horizontal .form-group::after,
+.container::before,
+.container::after,
+.container-fluid::before,
+.container-fluid::after,
+.row::before,
+.row::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after,
+.modal-footer::before,
+.modal-footer::after,
+.panel-body::before,
+.panel-body::after {
+  content: " ";
+  display: table;
+}
+
+.clearfix::after,
+.btn-group-vertical > .btn-group::after,
+.form-horizontal .form-group::after,
+.container::after,
+.container-fluid::after,
+.row::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after,
+.modal-footer::after,
+.panel-body::after {
+  clear: both;
+}
+
 .center-block {
   display: block;
   margin-left: auto;