diff --git a/alignment.scss b/alignment.scss
index ee6f18b..36cbe5b 100755
--- a/alignment.scss
+++ b/alignment.scss
@@ -34,4 +34,8 @@
 
 .overflowfix {
     overflow: auto;
+}
+
+.nowrap {
+    white-space: nowrap;
 }
\ No newline at end of file
diff --git a/button.scss b/button.scss
index b3b7ec5..6dcf3c1 100755
--- a/button.scss
+++ b/button.scss
@@ -1,4 +1,4 @@
-.btn {
+.btn, .link {
     cursor: pointer;
     user-select: none;
 }
@@ -34,6 +34,15 @@ button, input[type="submit"], input[type="button"], label.button, a.button {
     }
 }
 
+button.save, .button.save, input[type="submit"].save {
+    color: rgba(0, 0, 0, 0.75);
+    background: var(--button-colored-background);
+
+    &:hover, &:focus {
+        background: var(--button-colored-background);
+    }
+}
+
 button.save, .button.save, input[type="submit"].save {
     color: rgba(0, 0, 0, 0.75);
     background: #8fff79;
@@ -69,3 +78,19 @@ button.disabled, .button.disabled, input[type="submit"].disabled {
         background: #e1e1e1;
     }
 }
+
+.link.default {
+    color: var(--button-colored-background);
+}
+.link.save {
+    color: #8fff79;
+}
+.link.cancel {
+    color: #ee5649;
+}
+.link.close {
+    color: #fffc3e;
+}
+.link.disabled {
+    color: #e1e1e1;
+}
\ No newline at end of file
diff --git a/editor.scss b/editor.scss
index d698334..ba79fdd 100644
--- a/editor.scss
+++ b/editor.scss
@@ -1,4 +1,5 @@
-code[contenteditable] {
+code[contenteditable], .contenteditable {
     display: block;
     outline: none;
+    white-space: pre-wrap;
 }
diff --git a/form.scss b/form.scss
index 833a0b8..0c71fbc 100755
--- a/form.scss
+++ b/form.scss
@@ -63,7 +63,7 @@ form {
         }
     }
 
-    textarea {
+    textarea, .contenteditable {
         height: 8rem;
     }
 }
diff --git a/grid.scss b/grid.scss
index aa85bdd..f0d787e 100755
--- a/grid.scss
+++ b/grid.scss
@@ -46,7 +46,7 @@
 .md-hidden,
 .lg-hidden
 {
-    display: hidden;
+    display: none;
 }
 
 .col-xs-0 {
@@ -205,6 +205,10 @@
     text-align: center;
 }
 
+.right-xs {
+    margin-left: auto !important;
+}
+
 .end-xs {
     justify-content: flex-end;
     text-align: end;
@@ -240,7 +244,7 @@
 
 @media only screen and (min-width: 48em) {
     .sm-hidden {
-        display: inherit;
+        display: block;
     }
 
     .container {
@@ -425,7 +429,7 @@
 
 @media only screen and (min-width: 62em) {
     .md-hidden {
-        display: inherit;
+        display: block;
     }
 
     .container {
@@ -610,7 +614,7 @@
 
 @media only screen and (min-width: 75em) {
     .lg-hidden {
-        display: inherit;
+        display: block;
     }
 
     .container {
diff --git a/input.scss b/input.scss
index c78bbfd..1cc12e3 100755
--- a/input.scss
+++ b/input.scss
@@ -3,6 +3,22 @@ input, select, textarea, .textarea, option {
     font-weight: 300;
 }
 
+input[type=checkbox] ~ .checked-visibility {
+    display: none;
+}
+
+input[type=checkbox]:checked ~ .checked-visibility {
+    display: inline-block;
+}
+
+input[type=checkbox] ~ .checked-visibility-alt {
+    display: inline-block;
+}
+
+input[type=checkbox]:checked ~ .checked-visibility-alt {
+    display: none;
+}
+
 input, select, textarea, .textarea {
     border: 1px solid var(--input-border);
 
diff --git a/portlet.scss b/portlet.scss
index 9e98d5e..3a05816 100755
--- a/portlet.scss
+++ b/portlet.scss
@@ -26,6 +26,12 @@
         //border-bottom-right-radius: 4px;
         border-top: 1px solid #ebedf2;
         padding: .7rem 1rem .7rem 1rem;
+        box-sizing: border-box;
+        display: flex;
+        flex: 0 1 auto;
+        flex-direction: row;
+        flex-wrap: wrap;
+        column-gap: .5rem;
     }
 
     .portlet-body > h2 {
@@ -45,7 +51,7 @@
 
 .portlet-body {
     background: #fff;
-    padding: .7rem 1rem .7rem 1rem;
+    padding: 1rem;
 
     //border-top-left-radius: 4px;
     //border-top-right-radius: 4px;
diff --git a/styles.css b/styles.css
index 12cf466..beaf038 100755
--- a/styles.css
+++ b/styles.css
@@ -201,6 +201,9 @@ iframe {
 .overflowfix {
   overflow: auto; }
 
+.nowrap {
+  white-space: nowrap; }
+
 .hidden {
   display: none !important; }
 
@@ -251,7 +254,6 @@ iframe {
   90% {
     -webkit-transform: translate3d(0, -4px, 0);
     transform: translate3d(0, -4px, 0); } }
-
 @keyframes bounce {
   from, 20%, 53%, 80%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -271,7 +273,6 @@ iframe {
   90% {
     -webkit-transform: translate3d(0, -4px, 0);
     transform: translate3d(0, -4px, 0); } }
-
 .bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce;
@@ -283,13 +284,11 @@ iframe {
     opacity: 1; }
   25%, 75% {
     opacity: 0; } }
-
 @keyframes flash {
   from, 50%, to {
     opacity: 1; }
   25%, 75% {
     opacity: 0; } }
-
 .flash {
   -webkit-animation-name: flash;
   animation-name: flash; }
@@ -305,7 +304,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes pulse {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -316,7 +314,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse; }
@@ -343,7 +340,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes rubberBand {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -366,7 +362,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .rubberBand {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand; }
@@ -381,7 +376,6 @@ iframe {
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0); } }
-
 @keyframes shake {
   from, to {
     -webkit-transform: translate3d(0, 0, 0);
@@ -392,7 +386,6 @@ iframe {
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0); } }
-
 .shake {
   -webkit-animation-name: shake;
   animation-name: shake; }
@@ -416,7 +409,6 @@ iframe {
   50% {
     -webkit-transform: translateX(0);
     transform: translateX(0); } }
-
 @keyframes headShake {
   0% {
     -webkit-transform: translateX(0);
@@ -436,7 +428,6 @@ iframe {
   50% {
     -webkit-transform: translateX(0);
     transform: translateX(0); } }
-
 .headShake {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
@@ -459,7 +450,6 @@ iframe {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg); } }
-
 @keyframes swing {
   20% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);
@@ -476,7 +466,6 @@ iframe {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
     transform: rotate3d(0, 0, 1, 0deg); } }
-
 .swing {
   -webkit-transform-origin: top center;
   transform-origin: top center;
@@ -499,7 +488,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes tada {
   from {
     -webkit-transform: scale3d(1, 1, 1);
@@ -516,7 +504,6 @@ iframe {
   to {
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .tada {
   -webkit-animation-name: tada;
   animation-name: tada; }
@@ -544,7 +531,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes wobble {
   from {
     -webkit-transform: none;
@@ -567,7 +553,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble; }
@@ -592,12 +577,11 @@ iframe {
     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
     transform: skewX(-0.78125deg) skewY(-0.78125deg); }
   77.7% {
-    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
-    transform: skewX(0.39062deg) skewY(0.39062deg); }
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg); }
   88.8% {
-    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
-    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
-
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
 @keyframes jello {
   from, 11.1%, to {
     -webkit-transform: none;
@@ -618,12 +602,11 @@ iframe {
     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
     transform: skewX(-0.78125deg) skewY(-0.78125deg); }
   77.7% {
-    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
-    transform: skewX(0.39062deg) skewY(0.39062deg); }
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg); }
   88.8% {
-    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
-    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
-
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
 .jello {
   -webkit-animation-name: jello;
   animation-name: jello;
@@ -655,7 +638,6 @@ iframe {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 @keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -681,7 +663,6 @@ iframe {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1); } }
-
 .bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn; }
@@ -707,7 +688,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -729,7 +709,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown; }
@@ -755,7 +734,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes bounceInLeft {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -777,7 +755,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft; }
@@ -803,7 +780,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes bounceInRight {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -825,7 +801,6 @@ iframe {
   to {
     -webkit-transform: none;
     transform: none; } }
-
 .bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight; }
@@ -851,7 +826,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes bounceInUp {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -873,7 +847,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp; }
@@ -890,7 +863,6 @@ iframe {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3); } }
-
 @keyframes bounceOut {
   20% {
     -webkit-transform: scale3d(0.9, 0.9, 0.9);
@@ -903,7 +875,6 @@ iframe {
     opacity: 0;
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
     transform: scale3d(0.3, 0.3, 0.3); } }
-
 .bounceOut {
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut; }
@@ -920,7 +891,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 @keyframes bounceOutDown {
   20% {
     -webkit-transform: translate3d(0, 10px, 0);
@@ -933,7 +903,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 .bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown; }
@@ -947,7 +916,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 @keyframes bounceOutLeft {
   20% {
     opacity: 1;
@@ -957,7 +925,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 .bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft; }
@@ -971,7 +938,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 @keyframes bounceOutRight {
   20% {
     opacity: 1;
@@ -981,7 +947,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 .bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight; }
@@ -998,7 +963,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 @keyframes bounceOutUp {
   20% {
     -webkit-transform: translate3d(0, -10px, 0);
@@ -1011,7 +975,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 .bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp; }
@@ -1021,13 +984,11 @@ iframe {
     opacity: 0; }
   to {
     opacity: 1; } }
-
 @keyframes fadeIn {
   from {
     opacity: 0; }
   to {
     opacity: 1; } }
-
 .fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn; }
@@ -1041,7 +1002,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInDown {
   from {
     opacity: 0;
@@ -1051,7 +1011,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown; }
@@ -1065,7 +1024,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInDownBig {
   from {
     opacity: 0;
@@ -1075,7 +1033,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig; }
@@ -1089,7 +1046,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInLeft {
   from {
     opacity: 0;
@@ -1099,7 +1055,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft; }
@@ -1113,7 +1068,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInLeftBig {
   from {
     opacity: 0;
@@ -1123,7 +1077,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig; }
@@ -1137,7 +1090,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInRight {
   from {
     opacity: 0;
@@ -1147,7 +1099,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight; }
@@ -1161,7 +1112,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInRightBig {
   from {
     opacity: 0;
@@ -1171,7 +1121,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig; }
@@ -1185,7 +1134,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInUp {
   from {
     opacity: 0;
@@ -1195,7 +1143,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp; }
@@ -1209,7 +1156,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes fadeInUpBig {
   from {
     opacity: 0;
@@ -1219,7 +1165,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .fadeInUpBig {
   -webkit-animation-name: fadeInUpBig;
   animation-name: fadeInUpBig; }
@@ -1229,13 +1174,11 @@ iframe {
     opacity: 1; }
   to {
     opacity: 0; } }
-
 @keyframes fadeOut {
   from {
     opacity: 1; }
   to {
     opacity: 0; } }
-
 .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut; }
@@ -1247,7 +1190,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 @keyframes fadeOutDown {
   from {
     opacity: 1; }
@@ -1255,7 +1197,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 .fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown; }
@@ -1267,7 +1208,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 @keyframes fadeOutDownBig {
   from {
     opacity: 1; }
@@ -1275,7 +1215,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
     transform: translate3d(0, 2000px, 0); } }
-
 .fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig; }
@@ -1287,7 +1226,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 @keyframes fadeOutLeft {
   from {
     opacity: 1; }
@@ -1295,7 +1233,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft; }
@@ -1307,7 +1244,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 @keyframes fadeOutLeftBig {
   from {
     opacity: 1; }
@@ -1315,7 +1251,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
     transform: translate3d(-2000px, 0, 0); } }
-
 .fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig; }
@@ -1327,7 +1262,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 @keyframes fadeOutRight {
   from {
     opacity: 1; }
@@ -1335,7 +1269,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 .fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight; }
@@ -1347,7 +1280,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 @keyframes fadeOutRightBig {
   from {
     opacity: 1; }
@@ -1355,7 +1287,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
     transform: translate3d(2000px, 0, 0); } }
-
 .fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig; }
@@ -1367,7 +1298,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 @keyframes fadeOutUp {
   from {
     opacity: 1; }
@@ -1375,7 +1305,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 .fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp; }
@@ -1387,7 +1316,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 @keyframes fadeOutUpBig {
   from {
     opacity: 1; }
@@ -1395,7 +1323,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
     transform: translate3d(0, -2000px, 0); } }
-
 .fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig; }
@@ -1426,7 +1353,6 @@ iframe {
     transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in; } }
-
 @keyframes flip {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
@@ -1453,7 +1379,6 @@ iframe {
     transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in; } }
-
 .animated.flip {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
@@ -1482,7 +1407,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 @keyframes flipInX {
   from {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -1505,7 +1429,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 .flipInX {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1534,7 +1457,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 @keyframes flipInY {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
@@ -1557,7 +1479,6 @@ iframe {
   to {
     -webkit-transform: perspective(400px);
     transform: perspective(400px); } }
-
 .flipInY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1576,7 +1497,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0; } }
-
 @keyframes flipOutX {
   from {
     -webkit-transform: perspective(400px);
@@ -1589,7 +1509,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0; } }
-
 .flipOutX {
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
@@ -1608,7 +1527,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0; } }
-
 @keyframes flipOutY {
   from {
     -webkit-transform: perspective(400px);
@@ -1621,7 +1539,6 @@ iframe {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0; } }
-
 .flipOutY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
@@ -1645,7 +1562,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes lightSpeedIn {
   from {
     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
@@ -1663,7 +1579,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .lightSpeedIn {
   -webkit-animation-name: lightSpeedIn;
   animation-name: lightSpeedIn;
@@ -1677,7 +1592,6 @@ iframe {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
     transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0; } }
-
 @keyframes lightSpeedOut {
   from {
     opacity: 1; }
@@ -1685,7 +1599,6 @@ iframe {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
     transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0; } }
-
 .lightSpeedOut {
   -webkit-animation-name: lightSpeedOut;
   animation-name: lightSpeedOut;
@@ -1705,7 +1618,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateIn {
   from {
     -webkit-transform-origin: center;
@@ -1719,7 +1631,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn; }
@@ -1737,7 +1648,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInDownLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1751,7 +1661,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft; }
@@ -1769,7 +1678,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInDownRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1783,7 +1691,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight; }
@@ -1801,7 +1708,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInUpLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1815,7 +1721,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft; }
@@ -1833,7 +1738,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 @keyframes rotateInUpRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1847,7 +1751,6 @@ iframe {
     -webkit-transform: none;
     transform: none;
     opacity: 1; } }
-
 .rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight; }
@@ -1863,7 +1766,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
     transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0; } }
-
 @keyframes rotateOut {
   from {
     -webkit-transform-origin: center;
@@ -1875,7 +1777,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
     transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0; } }
-
 .rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut; }
@@ -1891,7 +1792,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; } }
-
 @keyframes rotateOutDownLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1903,7 +1803,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; } }
-
 .rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft; }
@@ -1919,7 +1818,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 @keyframes rotateOutDownRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1931,7 +1829,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 .rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight; }
@@ -1947,7 +1844,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 @keyframes rotateOutUpLeft {
   from {
     -webkit-transform-origin: left bottom;
@@ -1959,7 +1855,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
-
 .rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft; }
@@ -1975,7 +1870,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
     transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0; } }
-
 @keyframes rotateOutUpRight {
   from {
     -webkit-transform-origin: right bottom;
@@ -1987,7 +1881,6 @@ iframe {
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
     transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0; } }
-
 .rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight; }
@@ -2017,7 +1910,6 @@ iframe {
     -webkit-transform: translate3d(0, 700px, 0);
     transform: translate3d(0, 700px, 0);
     opacity: 0; } }
-
 @keyframes hinge {
   0% {
     -webkit-transform-origin: top left;
@@ -2043,7 +1935,6 @@ iframe {
     -webkit-transform: translate3d(0, 700px, 0);
     transform: translate3d(0, 700px, 0);
     opacity: 0; } }
-
 .hinge {
   -webkit-animation-name: hinge;
   animation-name: hinge; }
@@ -2058,7 +1949,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 @keyframes rollIn {
   from {
     opacity: 0;
@@ -2068,7 +1958,6 @@ iframe {
     opacity: 1;
     -webkit-transform: none;
     transform: none; } }
-
 .rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn; }
@@ -2081,7 +1970,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
-
 @keyframes rollOut {
   from {
     opacity: 1; }
@@ -2089,7 +1977,6 @@ iframe {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
-
 .rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut; }
@@ -2101,7 +1988,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   50% {
     opacity: 1; } }
-
 @keyframes zoomIn {
   from {
     opacity: 0;
@@ -2109,7 +1995,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   50% {
     opacity: 1; } }
-
 .zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn; }
@@ -2127,7 +2012,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInDown {
   from {
     opacity: 0;
@@ -2141,7 +2025,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInDown {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown; }
@@ -2159,7 +2042,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInLeft {
   from {
     opacity: 0;
@@ -2173,7 +2055,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInLeft {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft; }
@@ -2191,7 +2072,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInRight {
   from {
     opacity: 0;
@@ -2205,7 +2085,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInRight {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight; }
@@ -2223,7 +2102,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomInUp {
   from {
     opacity: 0;
@@ -2237,7 +2115,6 @@ iframe {
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomInUp {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp; }
@@ -2251,7 +2128,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   to {
     opacity: 0; } }
-
 @keyframes zoomOut {
   from {
     opacity: 1; }
@@ -2261,7 +2137,6 @@ iframe {
     transform: scale3d(0.3, 0.3, 0.3); }
   to {
     opacity: 0; } }
-
 .zoomOut {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut; }
@@ -2281,7 +2156,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomOutDown {
   40% {
     opacity: 1;
@@ -2297,7 +2171,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown; }
@@ -2313,7 +2186,6 @@ iframe {
     transform: scale(0.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
     transform-origin: left center; } }
-
 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
@@ -2325,7 +2197,6 @@ iframe {
     transform: scale(0.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
     transform-origin: left center; } }
-
 .zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft; }
@@ -2341,7 +2212,6 @@ iframe {
     transform: scale(0.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
     transform-origin: right center; } }
-
 @keyframes zoomOutRight {
   40% {
     opacity: 1;
@@ -2353,7 +2223,6 @@ iframe {
     transform: scale(0.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
     transform-origin: right center; } }
-
 .zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight; }
@@ -2373,7 +2242,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 @keyframes zoomOutUp {
   40% {
     opacity: 1;
@@ -2389,7 +2257,6 @@ iframe {
     transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
-
 .zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp; }
@@ -2402,7 +2269,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInDown {
   from {
     -webkit-transform: translate3d(0, -100%, 0);
@@ -2411,7 +2277,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown; }
@@ -2424,7 +2289,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInLeft {
   from {
     -webkit-transform: translate3d(-100%, 0, 0);
@@ -2433,7 +2297,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft; }
@@ -2446,7 +2309,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInRight {
   from {
     -webkit-transform: translate3d(100%, 0, 0);
@@ -2455,7 +2317,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight; }
@@ -2468,7 +2329,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 @keyframes slideInUp {
   from {
     -webkit-transform: translate3d(0, 100%, 0);
@@ -2477,7 +2337,6 @@ iframe {
   to {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
-
 .slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp; }
@@ -2490,7 +2349,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 @keyframes slideOutDown {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2499,7 +2357,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0); } }
-
 .slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown; }
@@ -2512,7 +2369,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 @keyframes slideOutLeft {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2521,7 +2377,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0); } }
-
 .slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft; }
@@ -2534,7 +2389,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 @keyframes slideOutRight {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2543,7 +2397,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0); } }
-
 .slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight; }
@@ -2556,7 +2409,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 @keyframes slideOutUp {
   from {
     -webkit-transform: translate3d(0, 0, 0);
@@ -2565,7 +2417,6 @@ iframe {
     visibility: hidden;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0); } }
-
 .slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp; }
@@ -2609,7 +2460,7 @@ iframe {
 .sm-hidden,
 .md-hidden,
 .lg-hidden {
-  display: hidden; }
+  display: none; }
 
 .col-xs-0 {
   box-sizing: border-box;
@@ -2736,6 +2587,9 @@ iframe {
   justify-content: center;
   text-align: center; }
 
+.right-xs {
+  margin-left: auto !important; }
+
 .end-xs {
   justify-content: flex-end;
   text-align: end; }
@@ -2763,11 +2617,14 @@ iframe {
 
 @media only screen and (min-width: 48em) {
   .sm-hidden {
-    display: inherit; }
+    display: block; }
+
   .container {
     width: 46rem; }
+
   .xs-col-table {
     display: inherit; }
+
   .col-sm,
   .col-sm-1,
   .col-sm-2,
@@ -2784,99 +2641,135 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
+
   .col-sm {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
+
   .col-sm-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
+
   .col-sm-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
+
   .col-sm-3 {
     flex-basis: 25%;
     max-width: 25%; }
+
   .col-sm-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
+
   .col-sm-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
+
   .col-sm-6 {
     flex-basis: 50%;
     max-width: 50%; }
+
   .col-sm-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
+
   .col-sm-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
+
   .col-sm-9 {
     flex-basis: 75%;
     max-width: 75%; }
+
   .col-sm-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
+
   .col-sm-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
+
   .col-sm-12 {
     flex-basis: 100%;
     max-width: 100%; }
+
   .col-sm-offset-1 {
     margin-left: 8.333%; }
+
   .col-sm-offset-2 {
     margin-left: 16.667%; }
+
   .col-sm-offset-3 {
     margin-left: 25%; }
+
   .col-sm-offset-4 {
     margin-left: 33.333%; }
+
   .col-sm-offset-5 {
     margin-left: 41.667%; }
+
   .col-sm-offset-6 {
     margin-left: 50%; }
+
   .col-sm-offset-7 {
     margin-left: 58.333%; }
+
   .col-sm-offset-8 {
     margin-left: 66.667%; }
+
   .col-sm-offset-9 {
     margin-left: 75%; }
+
   .col-sm-offset-10 {
     margin-left: 83.333%; }
+
   .col-sm-offset-11 {
     margin-left: 91.667%; }
+
   .start-sm {
     justify-content: flex-start;
     text-align: start; }
+
   .center-sm {
     justify-content: center;
     text-align: center; }
+
   .end-sm {
     justify-content: flex-end;
     text-align: end; }
+
   .top-sm {
     align-items: flex-start; }
+
   .middle-sm {
     align-items: center; }
+
   .bottom-sm {
     align-items: flex-end; }
+
   .around-sm {
     justify-content: space-around; }
+
   .between-sm {
     justify-content: space-between; }
+
   .first-sm {
     order: -1; }
+
   .last-sm {
     order: 1; } }
-
 @media only screen and (min-width: 62em) {
   .md-hidden {
-    display: inherit; }
+    display: block; }
+
   .container {
     width: 61rem; }
+
   .md-col-table {
     display: inherit; }
+
   .col-md,
   .col-md-1,
   .col-md-2,
@@ -2893,99 +2786,135 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
+
   .col-md {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
+
   .col-md-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
+
   .col-md-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
+
   .col-md-3 {
     flex-basis: 25%;
     max-width: 25%; }
+
   .col-md-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
+
   .col-md-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
+
   .col-md-6 {
     flex-basis: 50%;
     max-width: 50%; }
+
   .col-md-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
+
   .col-md-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
+
   .col-md-9 {
     flex-basis: 75%;
     max-width: 75%; }
+
   .col-md-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
+
   .col-md-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
+
   .col-md-12 {
     flex-basis: 100%;
     max-width: 100%; }
+
   .col-md-offset-1 {
     margin-left: 8.333%; }
+
   .col-md-offset-2 {
     margin-left: 16.667%; }
+
   .col-md-offset-3 {
     margin-left: 25%; }
+
   .col-md-offset-4 {
     margin-left: 33.333%; }
+
   .col-md-offset-5 {
     margin-left: 41.667%; }
+
   .col-md-offset-6 {
     margin-left: 50%; }
+
   .col-md-offset-7 {
     margin-left: 58.333%; }
+
   .col-md-offset-8 {
     margin-left: 66.667%; }
+
   .col-md-offset-9 {
     margin-left: 75%; }
+
   .col-md-offset-10 {
     margin-left: 83.333%; }
+
   .col-md-offset-11 {
     margin-left: 91.667%; }
+
   .start-md {
     justify-content: flex-start;
     text-align: start; }
+
   .center-md {
     justify-content: center;
     text-align: center; }
+
   .end-md {
     justify-content: flex-end;
     text-align: end; }
+
   .top-md {
     align-items: flex-start; }
+
   .middle-md {
     align-items: center; }
+
   .bottom-md {
     align-items: flex-end; }
+
   .around-md {
     justify-content: space-around; }
+
   .between-md {
     justify-content: space-between; }
+
   .first-md {
     order: -1; }
+
   .last-md {
     order: 1; } }
-
 @media only screen and (min-width: 75em) {
   .lg-hidden {
-    display: inherit; }
+    display: block; }
+
   .container {
     width: 71rem; }
+
   .lg-col-table {
     display: inherit; }
+
   .col-lg,
   .col-lg-1,
   .col-lg-2,
@@ -3002,92 +2931,125 @@ iframe {
     box-sizing: border-box;
     flex: 0 0 auto;
     padding-right: 1rem; }
+
   .col-lg {
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%; }
+
   .col-lg-1 {
     flex-basis: 8.333%;
     max-width: 8.333%; }
+
   .col-lg-2 {
     flex-basis: 16.667%;
     max-width: 16.667%; }
+
   .col-lg-3 {
     flex-basis: 25%;
     max-width: 25%; }
+
   .col-lg-4 {
     flex-basis: 33.333%;
     max-width: 33.333%; }
+
   .col-lg-5 {
     flex-basis: 41.667%;
     max-width: 41.667%; }
+
   .col-lg-6 {
     flex-basis: 50%;
     max-width: 50%; }
+
   .col-lg-7 {
     flex-basis: 58.333%;
     max-width: 58.333%; }
+
   .col-lg-8 {
     flex-basis: 66.667%;
     max-width: 66.667%; }
+
   .col-lg-9 {
     flex-basis: 75%;
     max-width: 75%; }
+
   .col-lg-10 {
     flex-basis: 83.333%;
     max-width: 83.333%; }
+
   .col-lg-11 {
     flex-basis: 91.667%;
     max-width: 91.667%; }
+
   .col-lg-12 {
     flex-basis: 100%;
     max-width: 100%; }
+
   .col-lg-offset-1 {
     margin-left: 8.333%; }
+
   .col-lg-offset-2 {
     margin-left: 16.667%; }
+
   .col-lg-offset-3 {
     margin-left: 25%; }
+
   .col-lg-offset-4 {
     margin-left: 33.333%; }
+
   .col-lg-offset-5 {
     margin-left: 41.667%; }
+
   .col-lg-offset-6 {
     margin-left: 50%; }
+
   .col-lg-offset-7 {
     margin-left: 58.333%; }
+
   .col-lg-offset-8 {
     margin-left: 66.667%; }
+
   .col-lg-offset-9 {
     margin-left: 75%; }
+
   .col-lg-offset-10 {
     margin-left: 83.333%; }
+
   .col-lg-offset-11 {
     margin-left: 91.667%; }
+
   .start-lg {
     justify-content: flex-start;
     text-align: start; }
+
   .center-lg {
     justify-content: center;
     text-align: center; }
+
   .end-lg {
     justify-content: flex-end;
     text-align: end; }
+
   .top-lg {
     align-items: flex-start; }
+
   .middle-lg {
     align-items: center; }
+
   .bottom-lg {
     align-items: flex-end; }
+
   .around-lg {
     justify-content: space-around; }
+
   .between-lg {
     justify-content: space-between; }
+
   .first-lg {
     order: -1; }
+
   .last-lg {
     order: 1; } }
-
 .portlet-body > article {
   padding: 0; }
 
@@ -3256,7 +3218,6 @@ p {
     background-position: 0; }
   100% {
     background-position: -100%; } }
-
 .tooltip {
   cursor: pointer;
   color: var(--box-highlight);
@@ -3293,7 +3254,6 @@ p {
     -webkit-transform: perspective(120px) rotateY(180deg); }
   100% {
     -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }
-
 @keyframes sk-rotateplane {
   0% {
     transform: perspective(120px) rotateX(0deg) rotateY(0deg);
@@ -3304,7 +3264,6 @@ p {
   100% {
     transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
     -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
-
 .spinner-2 {
   text-align: center; }
   .spinner-2 > div {
@@ -3327,7 +3286,6 @@ p {
     -webkit-transform: scale(0); }
   40% {
     -webkit-transform: scale(1); } }
-
 @keyframes sk-bouncedelay {
   0%, 80%, 100% {
     -webkit-transform: scale(0);
@@ -3335,7 +3293,6 @@ p {
   40% {
     -webkit-transform: scale(1);
     transform: scale(1); } }
-
 .spinner-3 {
   width: 40px;
   height: 40px;
@@ -3351,7 +3308,6 @@ p {
   100% {
     -webkit-transform: scale(1);
     opacity: 0; } }
-
 @keyframes sk-scaleout {
   0% {
     -webkit-transform: scale(0);
@@ -3360,7 +3316,6 @@ p {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0; } }
-
 canvas {
   background: #fff;
   user-select: none; }
@@ -3370,23 +3325,18 @@ canvas.chart {
 
 form li {
   margin: 5px 0 5px 0; }
-
 form td {
   white-space: nowrap;
   padding-bottom: 5px; }
   form td textarea + i {
     vertical-align: top; }
-
 form label {
   font-size: .9rem;
   color: black; }
-
 form i + i {
   margin-left: 3px; }
-
 form .layout td + td {
   padding-left: 5px; }
-
 form .list {
   font-size: 1rem; }
   form .list td {
@@ -3410,7 +3360,7 @@ form .list {
     flex-wrap: wrap; }
     .form-group .input-control + .input-control {
       margin-left: 1rem; }
-  .form-group textarea {
+  .form-group textarea, .form-group .contenteditable {
     height: 8rem; }
 
 * + .form-group {
@@ -3419,7 +3369,6 @@ form .list {
 @media (max-width: 768px) {
   .form-group {
     flex-direction: column; } }
-
 .infoIcon {
   width: var(--badge-size);
   text-align: center;
@@ -3447,17 +3396,14 @@ img.frame-1 {
   border: 1px solid var(--box-border);
   box-sizing: border-box;
   width: 100%; }
-
 img.frame-2 {
   border: 1px solid var(--box-border);
   background: #fff;
   box-sizing: border-box;
   width: 100%; }
-
 img.rounded {
   border-radius: 50%;
   background: #fff; }
-
 img.bordered {
   border: 1px solid var(--box-border); }
 
@@ -3529,6 +3475,18 @@ input, select, textarea, .textarea, option {
   font-family: var(--font-family);
   font-weight: 300; }
 
+input[type=checkbox] ~ .checked-visibility {
+  display: none; }
+
+input[type=checkbox]:checked ~ .checked-visibility {
+  display: inline-block; }
+
+input[type=checkbox] ~ .checked-visibility-alt {
+  display: inline-block; }
+
+input[type=checkbox]:checked ~ .checked-visibility-alt {
+  display: none; }
+
 input, select, textarea, .textarea {
   border: 1px solid var(--input-border); }
   input.undecorated, select.undecorated, textarea.undecorated, .textarea.undecorated {
@@ -3639,10 +3597,10 @@ input[type="datetime-local"] {
     height: auto;
     box-shadow: none;
     /*
-        &:hover, &:focus {
-            background: var(--button-colored-background-hover);
-        }
-        */ }
+    &:hover, &:focus {
+        background: var(--button-colored-background-hover);
+    }
+    */ }
   .inputWrapper .textWrapper {
     flex: 1;
     position: relative; }
@@ -3677,10 +3635,8 @@ input[type="datetime-local"] {
 
 .clickPopup label + input {
   display: none; }
-
 .clickPopup .more-functions {
   padding: 0 1rem 0 1rem; }
-
 .clickPopup .popup {
   box-sizing: border-box;
   padding: .5rem 1rem .5rem 1rem;
@@ -3724,9 +3680,9 @@ input[type="datetime-local"] {
     .clickPopup .popup > li a {
       display: block;
       /*
-                &:hover, &:focus {
-                }
-                */ }
+      &:hover, &:focus {
+      }
+      */ }
   .clickPopup .popup i {
     flex-grow: 0; }
 
@@ -3771,7 +3727,6 @@ textarea:invalid, input:invalid {
 
 input:valid ~ i.ok {
   display: inline-block !important; }
-
 input:valid ~ i.error {
   display: none !important; }
 
@@ -3986,20 +3941,16 @@ select.plain {
     flex-grow: 1; }
   .more-container > label i {
     flex-grow: 0; }
-
 .more-container > input {
   display: none; }
-
 .more-container > input:checked + label {
   border-bottom: none;
   margin-bottom: 1rem; }
   .more-container > input:checked + label .expand {
     transition: all .3s ease;
     transform: rotateZ(90deg); }
-
 .more-container > input:checked ~ div {
   display: block; }
-
 .more-container > div {
   display: none; }
 
@@ -4052,7 +4003,6 @@ select.plain {
     left: -300%; }
   100% {
     left: -400%; } }
-
 div.slider-1 {
   overflow: hidden; }
   div.slider-1 figure {
@@ -4134,7 +4084,7 @@ div.slider-1 {
       width: 100%; }
 
 @keyframes carousel {
-  0%, 17.5% {
+  0%,  17.5% {
     transform: translateZ(-35vw) rotateY(0); }
   27.5%, 45% {
     transform: translateZ(-35vw) rotateY(-120deg); }
@@ -4142,7 +4092,6 @@ div.slider-1 {
     transform: translateZ(-35vw) rotateY(-240deg); }
   82.5%, 100% {
     transform: translateZ(-35vw) rotateY(-360deg); } }
-
 pre {
   border: 1px solid var(--box-border);
   background: #ccc;
@@ -4214,20 +4163,16 @@ blockquote {
   top: 50%;
   margin-top: -20px;
   left: 100%; }
-
 .crumbs-1 li.active:not(:last-child):after, .crumbs-1 li:hover:not(:last-child):after {
   color: var(--text-on-background-color-2); }
-
 .crumbs-1 li.active:not(:last-child):after {
   border-left: 14px solid var(--button-colored-background); }
-
 .crumbs-1 li:hover:not(:last-child):after {
   border-left: 14px solid var(--button-colored-background-hover); }
-
 .crumbs-1 :last-child:before {
   border: none; }
 
-.btn {
+.btn, .link {
   cursor: pointer;
   user-select: none; }
 
@@ -4256,6 +4201,12 @@ button, input[type="submit"], input[type="button"], label.button, a.button {
     background: var(--button-colored-background-hover);
     color: var(--text-on-background-color-2); }
 
+button.save, .button.save, input[type="submit"].save {
+  color: rgba(0, 0, 0, 0.75);
+  background: var(--button-colored-background); }
+  button.save:hover, button.save:focus, .button.save:hover, .button.save:focus, input[type="submit"].save:hover, input[type="submit"].save:focus {
+    background: var(--button-colored-background); }
+
 button.save, .button.save, input[type="submit"].save {
   color: rgba(0, 0, 0, 0.75);
   background: #8fff79; }
@@ -4280,6 +4231,21 @@ button.disabled, .button.disabled, input[type="submit"].disabled {
   button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus {
     background: #e1e1e1; }
 
+.link.default {
+  color: var(--button-colored-background); }
+
+.link.save {
+  color: #8fff79; }
+
+.link.cancel {
+  color: #ee5649; }
+
+.link.close {
+  color: #fffc3e; }
+
+.link.disabled {
+  color: #e1e1e1; }
+
 .unseen {
   font-weight: bold; }
 
@@ -4456,27 +4422,25 @@ body > nav {
 @media only screen and (max-width: 800px) {
   #nav-trigger:not(:checked) + nav {
     width: 0%; }
+
   #nav-trigger:checked + nav {
     width: auto;
     min-width: 250px; } }
-
 @media only screen and (max-width: 500px) {
   #nav-trigger:checked + nav {
     width: 100%; }
+
   #nav-trigger:checked ~ main {
     display: none; } }
-
 .pagination li {
   display: inline-block; }
   .pagination li + li {
     margin-left: .5rem; }
-
 .pagination a {
   display: inline-block;
   border-radius: 3px;
   background: #ccc;
   padding: 5px 10px 5px 10px; }
-
 .pagination .active, .pagination a:hover, .pagination a:active {
   color: #000;
   background: #fff; }
@@ -4518,19 +4482,16 @@ body > nav {
     background-position: 0 0; }
   100% {
     background-position: 50px 50px; } }
-
 .meter.orange > span {
   background-color: #f1a165;
   background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
   background-image: -webkit-linear-gradient(#f1a165, #f36d0a); }
-
 .meter.blue > span {
   background-color: #96c2f1;
   background-image: -moz-linear-gradient(top, #96c2f1, #4394f3);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3));
   background-image: -webkit-linear-gradient(#96c2f1, #4394f3); }
-
 .meter.red > span {
   background-color: #f0a3a3;
   background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
@@ -4673,7 +4634,6 @@ section header > h1 {
   padding-bottom: 5px;
   font-size: 1.1em;
   border-bottom: 1px solid #e1e1e1; }
-
 section > h2 {
   box-sizing: border-box;
   font-size: 1.2em;
@@ -4686,7 +4646,6 @@ section > h2 {
   .pagebreak {
     page-break-after: always;
     display: block; } }
-
 .tabview .tab-links {
   color: #000;
   padding: 0.3rem 0 0 0; }
@@ -4710,23 +4669,20 @@ section > h2 {
     cursor: default; }
   .tabview .tab-links li {
     display: inline-block; }
-
 .tabview .tab-content > input {
   display: none; }
-
 .tabview .tab-content > input + div {
   display: none; }
-
 .tabview .tab-content > input:checked + div {
   display: inherit; }
 
 .tab-1 .tab-links {
   margin: 0 0 10px 1px;
   /*
-        .active label {
-            border: 1px solid var(--box-border);
-        }
-        */ }
+  .active label {
+      border: 1px solid var(--box-border);
+  }
+  */ }
   .tab-1 .tab-links label {
     padding: 5px;
     background: none;
@@ -4737,13 +4693,11 @@ section > h2 {
     background: var(--button-colored-background); }
   .tab-1 .tab-links li {
     margin: 0 5px 0 0; }
-
 .tab-1 .tab-content {
   box-sizing: border-box;
   border: 1px solid var(--button-colored-background);
   background: #fff;
   padding: 10px; }
-
 .tab-1.left {
   display: flex; }
   .tab-1.left .tab-links {
@@ -4759,14 +4713,11 @@ section > h2 {
 
 .tab-2 .tab-links label {
   padding: 5px 10px 5px 10px; }
-
 .tab-2 .tab-links li {
   margin: 0 5px 15px 0; }
-
 .tab-2 .tab-links .active a, .tab-2 .tab-links .active label {
   color: var(--text-on-background-color-2);
   background: var(--button-colored-background); }
-
 .tab-2.left {
   display: flex; }
   .tab-2.left .tab-links {
@@ -4867,14 +4818,15 @@ table.default.sticky {
     table.default.sticky thead th > *, table.default.sticky thead td > * {
       vertical-align: middle; }
 
+.order-up, .order-down, .remove-form, .update-form, .save-form, .form-action {
+  color: var(--button-colored-background); }
+
 table.default {
   width: 100%;
   max-width: 100%;
   font-size: 0.9em;
   box-sizing: border-box;
   overflow-x: auto; }
-  table.default tbody .order-up, table.default tbody .order-down, table.default tbody .remove-form, table.default tbody .update-form, table.default tbody .save-form {
-    color: var(--button-colored-background); }
   table.default caption {
     font-size: 1.5rem;
     font-weight: 400;
@@ -4935,7 +4887,6 @@ table.default {
 table.list th {
   text-align: left;
   padding: 2px 0 2px 0; }
-
 table.list td {
   padding: 2px 5px 2px 5px; }
 
@@ -4963,7 +4914,6 @@ table.list td {
         font-weight: bold; }
     table.table tfoot {
       display: none; } }
-
 .nobreak {
   white-space: nowrap; }
 
@@ -5066,7 +5016,13 @@ span.tag {
   .portlet .portlet-foot {
     background: #fff;
     border-top: 1px solid #ebedf2;
-    padding: .7rem 1rem .7rem 1rem; }
+    padding: .7rem 1rem .7rem 1rem;
+    box-sizing: border-box;
+    display: flex;
+    flex: 0 1 auto;
+    flex-direction: row;
+    flex-wrap: wrap;
+    column-gap: .5rem; }
   .portlet .portlet-body > h2 {
     border-bottom: 1px solid #ebedf2; }
   .portlet .portlet-separator {
@@ -5079,7 +5035,7 @@ span.tag {
 
 .portlet-body {
   background: #fff;
-  padding: .7rem 1rem .7rem 1rem; }
+  padding: 1rem; }
 
 .portlet.highlight-1 {
   background: var(--color-red);
@@ -5121,9 +5077,10 @@ span.tag {
   .context-menu label:hover {
     background: var(--table-row-background-hover); }
 
-code[contenteditable] {
+code[contenteditable], .contenteditable {
   display: block;
-  outline: none; }
+  outline: none;
+  white-space: pre-wrap; }
 
 #cookie_consent_checkbox {
   display: none; }
diff --git a/table.scss b/table.scss
index 2ccb82d..dbad1ed 100755
--- a/table.scss
+++ b/table.scss
@@ -58,6 +58,10 @@ table.default.sticky {
     }
 }
 
+.order-up, .order-down, .remove-form, .update-form, .save-form, .form-action {
+    color: var(--button-colored-background);
+}
+
 table.default {
     //border-radius: 4px;
     width: 100%;
@@ -66,12 +70,6 @@ table.default {
     box-sizing: border-box;
     overflow-x: auto;
 
-    tbody {
-        .order-up, .order-down, .remove-form, .update-form, .save-form {
-            color: var(--button-colored-background);
-        }
-    }
-
     caption {
         font-size: 1.5rem;
         font-weight: 400;