npm - canvasxpress-cli - Versions diffs - 41.5.86 → 41.6.61 - Mend

canvasxpress-cli 41.5.86 → 41.6.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/src/canvasXpress.css CHANGED Viewed

@@ -1,50 +1,62 @@
 @charset "UTF-8";
+/*
+* Favorite Colors
+ * rgb(51, 122, 183) - #337ab7
+ * rgb(83, 105, 255) - #5369ff
+ */
 /*
  * Loading
  */
 .lds-ring {
-  display: inline-block;
-  position: relative;
-  width: 80px;
-  height: 80px;
+    display: inline-block;
+    position: relative;
+    width: 80px;
+    height: 80px;
 }
 .lds-ring div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 64px;
-  height: 64px;
-  margin: 8px;
-  border: 8px solid rgb(51, 122, 183);
-  border-radius: 50%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: rgb(51, 122, 183) transparent transparent transparent;
+    box-sizing: border-box;
+    display: block;
+    position: absolute;
+    width: 64px;
+    height: 64px;
+    margin: 8px;
+    border: 8px solid rgb(83, 105, 255);
+    border-radius: 50%;
+    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+    border-color: rgb(83, 105, 255) transparent transparent transparent;
 }
 .lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
+    animation-delay: -0.45s;
 }
 .lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
+    animation-delay: -0.3s;
 }
 .lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
+    animation-delay: -0.15s;
 }
 @keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }
 /*
  * Loading Image
  */
- /*
+/*
 .sk-fading-circle {
     margin: 50px auto;
     width: 80px;
@@ -66,7 +78,7 @@
     margin: 0 auto;
     width: 15%;
     height: 15%;
-    background-color: #333;
+    background-color: rgb(51,51,51);
     border-radius: 100%;
     -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
     animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
@@ -259,10 +271,16 @@
 }
 */
+*,
+:after,
+:before {
+    box-sizing: border-box;
+}
 table.shorts {
     margin: 2px 3px;
     padding: 2px 3px;
-    border: 1px solid #fafafa;
+    border: 1px solid rgb(250, 250, 250);
     border-collapse: collapse;
     font-size: x-small
 }
@@ -271,19 +289,19 @@ td.k {
     text-align: center;
     padding: 2px 5px;
     margin: 2px 5px;
-    border: 1px solid #cccccc;
+    border: 1px solid rgb(204, 204, 204);
 }
 td.d {
     padding: 2px 5px;
     margin: 2px 5px;
-    border: 1px solid #cccccc;
+    border: 1px solid rgb(204, 204, 204);
 }
 th.d {
     padding: 2px 5px;
     margin: 2px 5px;
-    border: 1px solid #cccccc;
+    border: 1px solid rgb(204, 204, 204);
 }
 th.cxx,
@@ -298,7 +316,7 @@ td.cxs,
 td.cxv {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
     background-repeat: repeat-x;
-    border: 1px solid #cccccc;
+    border: 1px solid rgb(204, 204, 204);
     vertical-align: middle;
 }
@@ -309,7 +327,7 @@ td.cxs,
 td.cxv {
     font: normal 12px arial, tahoma, sans-serif;
     line-height: 24px;
-    background: #fefefe;
+    background: rgb(254, 254, 254);
     padding: 1px;
     color: rgb(34, 34, 34);
 }
@@ -317,10 +335,10 @@ td.cxv {
 td.cxy {
     font: normal 12px arial, tahoma, sans-serif;
     line-height: 24px;
-    border: 1px solid #cccccc;
+    border: 1px solid rgb(204, 204, 204);
     vertical-align: middle;
     text-align: right;
-    background: #fefefe;
+    background: rgb(254, 254, 254);
     padding: 1px;
     color: rgb(34, 34, 34);
 }
@@ -359,39 +377,39 @@ div.cxc {
 }
 .json-key {
-    color: #d73027;
+    color: rgb(215, 48, 39);
     font-weight: bold;
 }
 .json-value {
-    color: #4575b4;
+    color: rgb(69, 117, 180);
 }
 .json-string {
-    color: #a85302;
+    color: rgb(168, 82, 2);
 }
 .json-number {
-    color: #4575b4;
+    color: rgb(69, 117, 180);
 }
 .json-boolean {
-    color: #666600;
+    color: rgb(102, 102, 0);
 }
 .json-null {
-    color: #4575b4;
+    color: rgb(69, 117, 180);
 }
 .json-comment {
-    color: #397300
+    color: rgb(58, 115, 0)
 }
 div.CanvasXpressCode {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
-    box-sizing: content-box;
-    background-color: #eeeeee;
+    box-sizing: border-box;
+    background-color: rgb(238, 238, 238);
     cursor: move;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
@@ -401,10 +419,11 @@ div.CanvasXpressCode {
     white-space: nowrap;
 }
-img.CanvasXpressCode, svg.CanvasXpressCode {
+img.CanvasXpressCode,
+svg.CanvasXpressCode {
     background: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
-    border: 1px solid rgb(51, 122, 183) !important;
+    border: 1px solid rgb(83, 105, 255) !important;
     padding: 5px;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
     cursor: default;
@@ -433,24 +452,24 @@ pre.CanvasXpressCode {
 }
 div.CanvasXpressCodeContainer {
-    box-sizing: content-box;
+    box-sizing: border-box;
     clear: both;
     width: 600px;
     overflow: auto;
     resize: horizontal;
-    background-color: #ffffff;
+    background-color: rgb(255, 255, 255);
     position: relative;
     top: 10px;
 }
 div.CanvasXpressCodeContent {
-    box-sizing: content-box;
+    box-sizing: border-box;
     margin: 2px 3px;
     padding: 2px 3px;
 }
 div.CanvasXpressCodeError {
-    box-sizing: content-box;
+    box-sizing: border-box;
     height: 36px;
     width: 300px;
     float: left;
@@ -458,10 +477,10 @@ div.CanvasXpressCodeError {
     resize: none;
     top: 5px;
     left: 20px;
-    background-color: #eee;
+    background-color: rgb(238, 238, 238);
     overflow: hidden;
     white-space: normal;
-    color: #ff0000;
+    color: rgb(255, 0, 0);
     position: relative;
     cursor: pointer;
 }
@@ -494,12 +513,12 @@ pre.CanvasXpressCodeContent code::before {
     display: inline-block;
     width: 3em;
     /* Fixed width */
-    border-right: 1px solid #ddd;
+    border-right: 1px solid rgb(221, 221, 221);
     padding-left: auto;
     margin-left: auto;
     text-align: right;
-    /*color: #888;*/
-    background-color: #efefef;
+    /*color: rgb(136, 136, 136);*/
+    background-color: rgb(239, 239, 239);
     -webkit-user-select: none;
 }
@@ -524,7 +543,7 @@ div.CanvasXpressCarousel {
 span.CanvasXpressCarousel {
     padding: 1px;
     position: absolute;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 2px;
     line-height: 10px;
     cursor: pointer;
@@ -534,21 +553,21 @@ div.CanvasXpressCarouselCell {
     position: absolute;
     transition: transform 1s, opacity 1s;
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     backface-visibility: hidden;
 }
 div.CanvasXpressCarouselCell:nth-child(1) {
-    transform: rotateY( 0deg) translateZ(288px);
+    transform: rotateY(0deg) translateZ(288px);
 }
 div.CanvasXpressCarouselCell:nth-child(2) {
-    transform: rotateY( 40deg) translateZ(288px);
+    transform: rotateY(40deg) translateZ(288px);
 }
 div.CanvasXpressCarouselCell:nth-child(3) {
-    transform: rotateY( 80deg) translateZ(288px);
+    transform: rotateY(80deg) translateZ(288px);
 }
 div.CanvasXpressCarouselCell:nth-child(4) {
@@ -575,14 +594,15 @@ div.CanvasXpressCarouselCell:nth-child(9) {
     transform: rotateY(320deg) translateZ(288px);
 }
-img.CanvasXpressCarousel:hover, svg.CanvasXpressCarousel:hover {
+img.CanvasXpressCarousel:hover,
+svg.CanvasXpressCarousel:hover {
     -webkit-transform: scale(1.8, 1.8);
     -ms-transform: scale(1.8, 1.8);
     transform: scale(1.8, 1.8);
     transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     /* Safari */
-    box-shadow: 10px 10px 5px #888888;
+    box-shadow: 10px 10px 5px rgb(136, 136, 136);
     z-index: 2;
     position: relative;
     cursor: pointer;
@@ -598,10 +618,10 @@ img.CanvasXpressCarousel:hover, svg.CanvasXpressCarousel:hover {
  */
 div.CanvasXpressBin {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     background-color: rgba(255, 255, 255, 0.95);
-    box-sizing: content-box;
+    box-sizing: border-box;
     cursor: move;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
@@ -615,7 +635,8 @@ div.CanvasXpressBin {
     -o-user-select: none;
 }
-img.CanvasXpressBin, svg.CanvasXpressBin {
+img.CanvasXpressBin,
+svg.CanvasXpressBin {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -631,7 +652,7 @@ img.CanvasXpressBin, svg.CanvasXpressBin {
 div.CanvasXpressBinContainer {
     background-color: rgba(255, 255, 255, 0.95);
-    box-sizing: content-box;
+    box-sizing: border-box;
     clear: both;
     text-align: left;
     -moz-user-select: none;
@@ -644,9 +665,9 @@ div.CanvasXpressBinContainerTab {
     background-color: rgba(255, 255, 255, 0.95);
     border-width: 1px 1px 1px 1px;
     border-style: solid;
-    border-color: rgb(51, 122, 183);
+    border-color: rgb(83, 105, 255);
     border-radius: 5px;
-    box-sizing: content-box;
+    box-sizing: border-box;
     clear: none;
     height: 16px;
     margin: 3px;
@@ -660,9 +681,9 @@ div.CanvasXpressBinContainerTab {
 div.CanvasXpressBinNameContainer {
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
-    box-sizing: content-box;
+    box-sizing: border-box;
     clear: both;
     max-height: 400px;
     margin: 8px;
@@ -676,7 +697,7 @@ div.CanvasXpressBinNameContainer {
 input.CanvasXpressBin {
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     color: rgb(34, 34, 34);
     cursor: default;
     font: normal 12px arial, tahoma, sans-serif;
@@ -725,27 +746,35 @@ span.CanvasXpressBin::selection {
  */
 div.CanvasXpressCustomizerContainer {
-    background-color:rgba(255, 255, 255, 0.95);
+    background-color: rgba(255, 255, 255, 0.95);
     float: left;
     margin: 0;
 }
 div.CanvasXpressCustomizerContainerActive {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
+    background: rgba(83, 105, 255, 0.1);
     float: left;
     margin: 0;
 }
+div.CanvasXpressCustomizerContainerActive::last-child {
+    border: none;
+}
+/*
+ * Customizer Left Panel
+ */
 div.CanvasXpressCustomizerLeftPanel {
-    left: 0;
-    top: 0;
-    border-right: 1px solid  rgb(51, 122, 183) !important;
-    background-color:rgba(255, 255, 255, 0.95);
+    border-right: 1px solid rgb(83, 105, 255) !important;
+    background-color: rgba(255, 255, 255, 0.95);
     float: left;
     display: grid;
 }
-a.CanvasXpressCustomizerLeft, a.CanvasXpressCustomizerLeftActive, a.CanvasXpressCustomizerLeftActive:hover {
+a.CanvasXpressCustomizerLeft,
+a.CanvasXpressCustomizerLeftActive,
+a.CanvasXpressCustomizerLeftActive:hover {
     border-style: solid;
     border-width: 1px;
     color: rgb(34, 34, 34);
@@ -754,26 +783,31 @@ a.CanvasXpressCustomizerLeft, a.CanvasXpressCustomizerLeftActive, a.CanvasXpress
     font: normal 12px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
-    margin: 0px;
+    margin: 5px;
+    display: flex;
+    align-items: center;
     outline-style: none;
     outline-width: 0px;
     position: relative;
     text-decoration: none !important;
     white-space: nowrap;
+    border-radius: 5px;
 }
 a.CanvasXpressCustomizerLeft {
-    border-color: rgba(0, 0, 0, 0);
+    border-color: rgb(83, 105, 255);
 }
-a.CanvasXpressCustomizerLeftActive, a.CanvasXpressCustomizerLeftActive:hover {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
-    border-color: rgb(170, 204, 246);
+a.CanvasXpressCustomizerLeftActive,
+a.CanvasXpressCustomizerLeftActive:hover {
+    background: rgba(83, 105, 255, 0.1);
+    border-color: rgb(83, 105, 255);
 }
-img.CanvasXpressCustomizerLeft, svg.CanvasXpressCustomizerLeft {
+svg.CanvasXpressCustomizerLeft {
     background-position: center;
-    border: 0px none !important;
+    border: 1px solid rgb(83, 105, 255) !important;
+    border-radius: 5px;
     color: rgb(34, 34, 34);
     cursor: pointer;
     font: normal 12px arial, tahoma, sans-serif;
@@ -781,7 +815,7 @@ img.CanvasXpressCustomizerLeft, svg.CanvasXpressCustomizerLeft {
     line-height: 24px;
     list-style: none;
     margin: 0px !important;
-    padding: 0px;
+    padding: 5px;
     position: absolute;
     vertical-align: top;
     width: 24px;
@@ -798,32 +832,39 @@ span.CanvasXpressCustomizerLeft {
     list-style: none;
     white-space: nowrap;
     position: relative;
+    margin: auto;
 }
+/*
+ * Customizer Right Panel
+ */
 div.CanvasXpressCustomizerRightPanel {
     top: 0;
-    border-right: 1px solid  rgb(51, 122, 183) !important;
-    background-color:rgba(255, 255, 255, 0.95);
+    border-left: 5px solid rgb(83, 105, 255) !important;
+    border-right: 5px solid rgb(83, 105, 255) !important;
+    background-color: rgba(255, 255, 255, 0.95);
     float: left;
 }
 div.CanvasXpressCustomizerRightContainer {
-    background-color:rgba(255, 255, 255, 0.95);
-    border: 1px solid  rgb(51, 122, 183) !important;
+    background-color: rgba(255, 255, 255, 0.95);
+    border: 1px solid rgb(83, 105, 255) !important;
     border-radius: 4px;
-    margin: 3px;
+    margin: 9px 0 0 9px;
 }
 div.CanvasXpressCustomizerRightContainerActive {
-    background-color:rgba(255, 255, 255, 0.95);
+    background-color: rgba(255, 255, 255, 0.95);
     border: 1px dashed rgb(255, 0, 0) !important;
     border-radius: 4px;
-    margin: 3px;
+    margin: 9px 0 0 9px;
 }
-img.CanvasXpressCustomizerRightContainer, svg.CanvasXpressCustomizerRightContainer {
+img.CanvasXpressCustomizerRightContainer,
+svg.CanvasXpressCustomizerRightContainer {
     background-position: center;
-    border: 1px solid  rgb(51, 122, 183) !important;
+    border: 1px solid rgb(83, 105, 255) !important;
     border-radius: 4px;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
@@ -838,11 +879,8 @@ img.CanvasXpressCustomizerRightContainer, svg.CanvasXpressCustomizerRightContain
 }
 div.CanvasXpressCustomizerRight {
-    background-color: #dddddd;
-    border-top: 1px solid  rgb(51, 122, 183) !important;
-    /*
-    border-bottom: 1px solid  rgb(51, 122, 183) !important;
-    */
+    background-color: rgb(238, 238, 238);
+    border-top: 1px solid rgb(83, 105, 255) !important;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
     line-height: 24px;
@@ -857,7 +895,8 @@ div.CanvasXpressCustomizerRight {
     display: flex;
 }
-img.CanvasXpressCustomizerRight, svg.CanvasXpressCustomizerRight {
+img.CanvasXpressCustomizerRight,
+svg.CanvasXpressCustomizerRight {
     background-position: center;
     border: 0px none !important;
     color: rgb(34, 34, 34);
@@ -875,9 +914,10 @@ img.CanvasXpressCustomizerRight, svg.CanvasXpressCustomizerRight {
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
 }
-img.CanvasXpressCustomizerRightB, svg.CanvasXpressCustomizerRightB {
+img.CanvasXpressCustomizerRightB,
+svg.CanvasXpressCustomizerRightB {
     background-position: center;
-    border: 1px solid rgb(51, 122, 183) !important;
+    border: 1px solid rgb(83, 105, 255) !important;
     border-radius: 4px;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
@@ -918,13 +958,20 @@ a.CanvasXpressCustomizerRight {
     margin-left: 15px;
 }
+/**
+ * Customizer Widgets
+ */
 /*
  * Header
  */
+a.CanvasXpressCustomizerHeader {
+    text-decoration: none;
+}
 div.CanvasXpressCustomizerHeader {
-    background-color: #dddddd;
-    border-top: 1px solid  rgb(51, 122, 183) !important;
+    background: rgba(83, 105, 255, 0.1);
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
     line-height: 24px;
@@ -932,7 +979,6 @@ div.CanvasXpressCustomizerHeader {
     margin: auto;
     outline-style: none;
     outline-width: 0px;
-    text-decoration: none;
     white-space: nowrap;
     width: -webkit-fill-available;
     height: -webkit-fill-available;
@@ -949,7 +995,7 @@ span.CanvasXpressCustomizerHeader {
     height: 28px;
 }
-img.CanvasXpressCustomizerHeader, svg.CanvasXpressCustomizerHeader {
+svg.CanvasXpressCustomizerHeader {
     background-position: center;
     border: 0px none !important;
     color: rgb(34, 34, 34);
@@ -975,19 +1021,95 @@ span.CanvasXpressCustomizerHeaderHelp {
     position: relative;
 }
+/*
+ * Call Customizer
+ */
+a.CanvasXpressCallCustomizer,
+div.CanvasXpressCallCustomizer {
+    color: rgb(34, 34, 34);
+    cursor: pointer;
+    display: block;
+    font: normal 12px arial, tahoma, sans-serif;
+    line-height: 24px;
+    list-style: none;
+    margin: 0px;
+    outline-style: none;
+    outline-width: 0px;
+    position: relative;
+    text-decoration: none;
+    white-space: nowrap;
+}
+a.CanvasXpressCallCustomizerActive {
+    background: rgba(83, 105, 255, 0.1);
+    color: rgb(34, 34, 34);
+    cursor: pointer;
+    display: block;
+    font: normal 12px arial, tahoma, sans-serif;
+    line-height: 24px;
+    list-style: none;
+    margin: 0px;
+    outline-style: none;
+    outline-width: 0px;
+    position: relative;
+    text-decoration: none;
+    white-space: nowrap;
+}
+img.CanvasXpressCallCustomizer,
+svg.CanvasXpressCallCustomizer {
+    background-position: center;
+    border: 0px none !important;
+    color: rgb(34, 34, 34);
+    cursor: pointer;
+    font: normal 12px arial, tahoma, sans-serif;
+    height: 24px;
+    line-height: 24px;
+    list-style: none;
+    margin: 0px !important;
+    padding: 0px;
+    position: relative;
+    vertical-align: top;
+    width: 24px;
+    white-space: nowrap;
+    background: rgba(0, 0, 0, 0) !important;
+    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
+}
+span.CanvasXpressCallCustomizer {
+    color: rgb(34, 34, 34);
+    cursor: pointer;
+    font: normal 16px arial, tahoma, sans-serif;
+    line-height: 28px;
+    list-style: none;
+    white-space: nowrap;
+    position: relative;
+}
+/*
+ * Button
+ */
+div.CanvasXpressButtonCustomizer {
+    float: left;
+    position: relative;
+    background: rgba(83, 105, 255, 0.1);
+}
 /*
  * Options Customizer
  */
 div.CanvasXpressOptionsCustomizer {
     top: 0;
-    background-color:rgba(255, 255, 255, 0.95);
+    background-color: rgba(255, 255, 255, 0.95);
     float: left;
 }
-img.CanvasXpressOptionsCustomizer, svg.CanvasXpressOptionsCustomizer {
+img.CanvasXpressOptionsCustomizer,
+svg.CanvasXpressOptionsCustomizer {
     background-position: center;
-    border: 1px solid  rgb(51, 122, 183) !important;
+    border: 1px solid rgb(83, 105, 255) !important;
     border-radius: 4px;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
@@ -1005,20 +1127,21 @@ img.CanvasXpressOptionsCustomizer, svg.CanvasXpressOptionsCustomizer {
  * Axes Customizer
  */
- div.CanvasXpressAxesCustomizer {
-    background-color:rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+div.CanvasXpressAxesCustomizer {
+    background-color: rgba(255, 255, 255, 0.95);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 4px;
-    box-sizing: content-box;
+    box-sizing: border-box;
     font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
-    margin: 3px;
+    margin: 9px 0 0 9px;
     white-space: normal;
     overflow-y: auto;
     overflow-x: hidden;
 }
-img.CanvasXpressAxesCustomizer, svg.CanvasXpressAxesCustomizer {
+img.CanvasXpressAxesCustomizer,
+svg.CanvasXpressAxesCustomizer {
     background-position: center;
     border: 0px none !important;
     color: rgb(34, 34, 34);
@@ -1038,11 +1161,10 @@ img.CanvasXpressAxesCustomizer, svg.CanvasXpressAxesCustomizer {
 input.CanvasXpressSearchCustomizer {
     margin: 9px;
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     color: rgb(34, 34, 34);
     cursor: default;
     font: normal 16px arial, tahoma, sans-serif;
-    padding-left: 3px;
     height: 40px;
     border-radius: 4px;
     float: left;
@@ -1052,7 +1174,7 @@ input.CanvasXpressSearchCustomizer {
 select.CanvasXpressSearchCustomizer {
     margin: 9px;
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     color: rgb(34, 34, 34);
     cursor: default;
     font: normal 16px arial, tahoma, sans-serif;
@@ -1074,7 +1196,10 @@ span.CanvasXpressSearchCustomizer {
     clear: left;
 }
-span.CanvasXpressSearchCustomizerSelect, span.CanvasXpressSearchCustomizerDescription, span.CanvasXpressSearchCustomizerCategory, span.CanvasXpressSearchCustomizerCurrent {
+span.CanvasXpressSearchCustomizerSelect,
+span.CanvasXpressSearchCustomizerDescription,
+span.CanvasXpressSearchCustomizerCategory,
+span.CanvasXpressSearchCustomizerCurrent {
     font: normal 16px arial, tahoma, sans-serif;
     line-height: 28px;
     list-style: none;
@@ -1089,15 +1214,16 @@ span.CanvasXpressSearchCustomizerSelect {
     color: rgb(34, 34, 34);
 }
-span.CanvasXpressSearchCustomizerDescription, span.CanvasXpressSearchCustomizerCategory {
-    color: rgb(51, 122, 183);
+span.CanvasXpressSearchCustomizerDescription,
+span.CanvasXpressSearchCustomizerCategory {
+    color: rgb(83, 105, 255);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 span.CanvasXpressSearchCustomizerCurrent {
-    color: rgb(51, 122, 183);
+    color: rgb(83, 105, 255);
 }
 span.CanvasXpressSearchCustomizerSelect:before {
@@ -1124,7 +1250,8 @@ span.CanvasXpressSearchCustomizerCategory:before {
     content: "Category [ ";
 }
-span.CanvasXpressSearchCustomizerDescription:after, span.CanvasXpressSearchCustomizerCategory:after {
+span.CanvasXpressSearchCustomizerDescription:after,
+span.CanvasXpressSearchCustomizerCategory:after {
     color: rgb(34, 34, 34);
     font-weight: bold;
     content: " ]";
@@ -1143,14 +1270,14 @@ span.CanvasXpressSearchCustomizerCurrent:after {
 }
 /*
- * File Customizer
+ * Tool Customizer
  */
-a.CanvasXpressFileCustomizer, div.CanvasXpressToolCustomizer, div.CanvasXpressFileCustomizer {
-    border-color: rgba(0, 0, 0, 0);
-    border-bottom-color: rgb(170, 204, 246);
-    border-style: solid;
-    border-width: 1px;
+a.CanvasXpressToolCustomizer {
+    text-decoration: none;
+}
+div.CanvasXpressToolCustomizer {
     color: rgb(34, 34, 34);
     cursor: pointer;
     display: block;
@@ -1165,11 +1292,8 @@ a.CanvasXpressFileCustomizer, div.CanvasXpressToolCustomizer, div.CanvasXpressFi
     white-space: nowrap;
 }
-a.CanvasXpressFileCustomizerActive, div.CanvasXpressToolCustomizerActive {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
-    border-color: rgb(170, 204, 246);
-    border-style: solid;
-    border-width: 1px;
+div.CanvasXpressToolCustomizerActive {
+    background: rgba(83, 105, 255, 0.1);
     color: rgb(34, 34, 34);
     cursor: pointer;
     display: block;
@@ -1184,41 +1308,6 @@ a.CanvasXpressFileCustomizerActive, div.CanvasXpressToolCustomizerActive {
     white-space: nowrap;
 }
-a.CanvasXpressFileCustomizer:hover, a.CanvasXpressFileCustomizerActive:hover {
-    border-color: rgb(170, 204, 246);
-    border-style: solid;
-    border-width: 1px;
-}
-img.CanvasXpressFileCustomizer, svg.CanvasXpressFileCustomizer {
-    background-position: center;
-    border: 0px none !important;
-    color: rgb(34, 34, 34);
-    cursor: pointer;
-    font: normal 12px arial, tahoma, sans-serif;
-    height: 24px;
-    line-height: 24px;
-    list-style: none;
-    margin: 0px !important;
-    padding: 0px;
-    position: relative;
-    vertical-align: top;
-    width: 24px;
-    white-space: nowrap;
-    background: rgba(0, 0, 0, 0) !important;
-    box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
-}
-span.CanvasXpressFileCustomizer {
-    color: rgb(34, 34, 34);
-    cursor: pointer;
-    font: normal 16px arial, tahoma, sans-serif;
-    line-height: 28px;
-    list-style: none;
-    white-space: nowrap;
-    position: relative;
-}
 /*
  * Data Customizer
  */
@@ -1231,7 +1320,7 @@ div.CanvasXpressCustomizerPanel {
 span.CanvasXpressCustomizerPanel {
     border-width: 1px 1px 0 1px;
-    border-color: rgb(51, 122, 183);
+    border-color: rgb(83, 105, 255);
     border-style: solid;
     border-radius: 5px 5px 0 0;
     padding: 8px;
@@ -1240,10 +1329,10 @@ span.CanvasXpressCustomizerPanel {
 span.CanvasXpressCustomizerPanelActive {
     border-bottom-width: 3px;
-    border-left-color: rgb(51, 122, 183);
-    border-top-color: rgb(51, 122, 183);
-    border-right-color: rgb(51, 122, 183);
-    border-bottom-color: #dddddd;
+    border-left-color: rgb(83, 105, 255);
+    border-top-color: rgb(83, 105, 255);
+    border-right-color: rgb(83, 105, 255);
+    border-bottom-color: rgb(238, 238, 238);
     border-style: solid;
     border-radius: 5px 5px 0 0;
     padding: 8px;
@@ -1253,31 +1342,32 @@ span.CanvasXpressCustomizerPanelActive {
 div.CanvasXpressDataCustomizerActive {
     border: 1px dashed rgb(255, 0, 0);
     border-radius: 4px;
-    box-sizing: content-box;
+    box-sizing: border-box;
     font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
-    margin: 3px;
-    padding: 3px;
+    margin: 9px 0 0 9px;
+    padding: 5px;
     white-space: normal;
     overflow-y: auto;
     overflow-x: hidden;
 }
 div.CanvasXpressDataCustomizer {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 4px;
-    box-sizing: content-box;
+    box-sizing: border-box;
     font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
-    margin: 3px;
-    padding: 3px;
+    margin: 9px 0 0 9px;
+    padding: 5px;
     white-space: normal;
     overflow-y: auto;
     overflow-x: hidden;
 }
 div.CanvasXpressDataCustomizerPanel {
-    background-color:rgba(255, 255, 255, 0.95);
+    background-color: rgba(255, 255, 255, 0.95);
+    border-radius: 5px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
@@ -1290,7 +1380,8 @@ div.CanvasXpressDataCustomizerPanel {
     padding-top: 10px;
 }
-img.CanvasXpressDataCustomizerActive, svg.CanvasXpressDataCustomizerActive {
+img.CanvasXpressDataCustomizerActive,
+svg.CanvasXpressDataCustomizerActive {
     background: rgba(0, 0, 0, 0) !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
     border: 1px dashed rgb(255, 0, 0) !important;
@@ -1300,7 +1391,8 @@ img.CanvasXpressDataCustomizerActive, svg.CanvasXpressDataCustomizerActive {
     padding: 2px;
 }
-img.CanvasXpressDataCustomizer, svg.CanvasXpressDataCustomizer {
+img.CanvasXpressDataCustomizer,
+svg.CanvasXpressDataCustomizer {
     background: rgba(0, 0, 0, 0) !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
     border: 0px !important;
@@ -1320,7 +1412,7 @@ img.CanvasXpressDataCustomizer3:hover img.CanvasXpressDataCustomizer4:hover,
 svg.CanvasXpressDataCustomizer:hover,
 svg.CanvasXpressDataCustomizer3:hover svg.CanvasXpressDataCustomizer4:hover {
     background: rgba(0, 0, 0, 0) !important;
-    border: 1px solid rgb(51, 122, 183) !important;
+    border: 1px solid rgb(83, 105, 255) !important;
     border-radius: 5px;
     cursor: pointer;
     margin: 2px 3px !important;
@@ -1331,7 +1423,7 @@ svg.CanvasXpressDataCustomizer3:hover svg.CanvasXpressDataCustomizer4:hover {
     transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     /* Safari */
-    box-shadow: 10px 10px 5px #888888 !important;
+    box-shadow: 10px 10px 5px rgb(136, 136, 136) !important;
     z-index: 2;
     position: relative;
 }
@@ -1354,7 +1446,8 @@ svg.CanvasXpressDataCustomizer4 {
     /* Safari */
 }
-img.CanvasXpressDataCustomizer2:hover, svg.CanvasXpressDataCustomizer2:hover {
+img.CanvasXpressDataCustomizer2:hover,
+svg.CanvasXpressDataCustomizer2:hover {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     border-radius: 5px;
@@ -1367,15 +1460,16 @@ img.CanvasXpressDataCustomizer2:hover, svg.CanvasXpressDataCustomizer2:hover {
     transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     /* Safari */
-    box-shadow: 10px 10px 5px #888888 !important;
+    box-shadow: 10px 10px 5px rgb(136, 136, 136) !important;
     z-index: 2;
     position: relative;
 }
-img.CanvasXpressDataCustomizer3, svg.CanvasXpressDataCustomizer3 {
+img.CanvasXpressDataCustomizer3,
+svg.CanvasXpressDataCustomizer3 {
     background: rgba(0, 0, 0, 0) !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
-    border: 1px solid rgb(51, 122, 183) !important;
+    border: 1px solid rgb(83, 105, 255) !important;
     border-radius: 5px;
     cursor: pointer;
     margin: 12px 3px 3px 3px !important;
@@ -1388,7 +1482,8 @@ img.CanvasXpressDataCustomizer3, svg.CanvasXpressDataCustomizer3 {
     /* Safari */
 }
-img.CanvasXpressDataCustomizerMask, svg.CanvasXpressDataCustomizerMask {
+img.CanvasXpressDataCustomizerMask,
+svg.CanvasXpressDataCustomizerMask {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -1412,7 +1507,7 @@ span.CanvasXpressDataCustomizerUnique,
 span.CanvasXpressDataCustomizerNumericActive,
 span.CanvasXpressDataCustomizerStringActive,
 span.CanvasXpressDataCustomizerUniqueActive {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     cursor: move;
     font: normal 16px arial, tahoma, sans-serif;
@@ -1467,7 +1562,7 @@ span.CanvasXpressDataCustomizerListUniqueActive {
 span.CanvasXpressDataCustomizerListNumeric,
 span.CanvasXpressDataCustomizerListNumericActive {
-   color: rgb(34, 34, 34);
+    color: rgb(34, 34, 34);
 }
 span.CanvasXpressDataCustomizerListString,
@@ -1483,26 +1578,26 @@ span.CanvasXpressDataCustomizerListUniqueActive {
 span.CanvasXpressDataCustomizerListNumeric:before,
 span.CanvasXpressDataCustomizerListNumericActive:before {
     font: normal 10px courier;
-    color: rgb(51, 122, 183);
+    color: rgb(83, 105, 255);
     content: "\00a0#\00a0\00a0\00a0";
- }
+}
- span.CanvasXpressDataCustomizerListString:before,
- span.CanvasXpressDataCustomizerListStringActive:before {
+span.CanvasXpressDataCustomizerListString:before,
+span.CanvasXpressDataCustomizerListStringActive:before {
     font: normal 10px courier;
-    color: rgb(51, 122, 183);
+    color: rgb(83, 105, 255);
     content: "Abc\00a0\00a0";
- }
+}
- span.CanvasXpressDataCustomizerListUnique:before,
- span.CanvasXpressDataCustomizerListUniqueActive:before {
+span.CanvasXpressDataCustomizerListUnique:before,
+span.CanvasXpressDataCustomizerListUniqueActive:before {
     font: normal 10px courier;
-    color: rgb(51, 122, 183);
+    color: rgb(83, 105, 255);
     content: "Unq\00a0\00a0";
- }
+}
 span.CanvasXpressDataCustomizer {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     cursor: pointer;
     font: bold 16px arial, tahoma, sans-serif;
@@ -1535,13 +1630,13 @@ span.CanvasXpressDataCustomizer::selection {
 span.CanvasXpressDataCustomizerListNumericActive,
 span.CanvasXpressDataCustomizerListStringActive,
 span.CanvasXpressDataCustomizerListUniqueActive {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
+    background: rgba(83, 105, 255, 0.1);
 }
 span.CanvasXpressDataCustomizerNumericActive,
 span.CanvasXpressDataCustomizerStringActive,
 span.CanvasXpressDataCustomizerUniqueActive {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
+    background: rgba(83, 105, 255, 0.1);
 }
 span.CanvasXpressDataCustomizerListNumeric,
@@ -1560,11 +1655,11 @@ span.CanvasXpressDataCustomizerUnique {
  * Password
  */
- div.CanvasXpressPassword {
-    border: 1px solid rgb(51, 122, 183);
+div.CanvasXpressPassword {
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     background-color: rgba(255, 255, 255, 0.95);
-    box-sizing: content-box;
+    box-sizing: border-box;
     cursor: move;
     color: rgb(34, 34, 34);
     font: normal 16px arial, tahoma, sans-serif;
@@ -1578,7 +1673,8 @@ span.CanvasXpressDataCustomizerUnique {
     text-align: left;
 }
-img.CanvasXpressPassword, svg.CanvasXpressPassword {
+img.CanvasXpressPassword,
+svg.CanvasXpressPassword {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgb(0 0 0 / 0%) !important;
@@ -1595,7 +1691,7 @@ img.CanvasXpressPassword, svg.CanvasXpressPassword {
 }
 div.CanvasXpressPasswordContainer {
-    box-sizing: content-box;
+    box-sizing: border-box;
     border-radius: 0px 0px 5px 5px;
     color: rgb(34, 34, 34);
     display: block;
@@ -1622,7 +1718,7 @@ input.CanvasXpressPassword {
     margin-bottom: 5px;
     padding: 5px;
     border-radius: 5px;
-    border: 1px solid #aaa;
+    border: 1px solid rgb(170, 170, 170);
     width: 170px;
 }
@@ -1632,7 +1728,7 @@ input.CanvasXpressPassword {
 div.CanvasXpressDrag {
     opacity: 0.75;
-    box-sizing: content-box;
+    box-sizing: border-box;
     filter: alpha(opacity=75);
     background-color: rgba(255, 255, 255, 0.95);
     position: absolute;
@@ -1640,17 +1736,17 @@ div.CanvasXpressDrag {
 div.CanvasXpressDragLayout {
     opacity: 0.65;
-    box-sizing: content-box;
+    box-sizing: border-box;
     filter: alpha(opacity=65);
     background-color: rgba(51, 122, 183, 0.65);
     position: absolute;
 }
 div.CanvasXpressTooltip {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     background-color: rgba(255, 255, 255, 0.95);
-    box-sizing: content-box;
+    box-sizing: border-box;
     cursor: move;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
@@ -1667,7 +1763,7 @@ div.CanvasXpressTooltipArrowLeft {
     height: 0;
     width: 0;
     background: rgba(255, 255, 255, 0.95);
-    border: 2px solid rgb(51, 122, 183);
+    border: 2px solid rgb(83, 105, 255);
     border-top: none;
     border-right: none;
     z-index: 1;
@@ -1691,7 +1787,7 @@ div.CanvasXpressTooltipArrowLeft:after {
 div.CanvasXpressTooltipArrowLeft:before {
     border-color: rgba(51, 122, 183, 0);
-    border-right-color: rgb(51, 122, 183);
+    border-right-color: rgb(83, 105, 255);
     border-width: 9px;
     margin-top: -9px;
 }
@@ -1701,7 +1797,7 @@ div.CanvasXpressTooltipArrowRight {
     height: 0;
     width: 0;
     background: rgba(255, 255, 255, 0.95);
-    border: 2px solid rgb(51, 122, 183);
+    border: 2px solid rgb(83, 105, 255);
     border-top: none;
     border-left: none;
     z-index: 1;
@@ -1725,12 +1821,13 @@ div.CanvasXpressTooltipArrowRight:after {
 div.CanvasXpressTooltipArrowRight:before {
     border-color: rgba(51, 122, 183, 0);
-    border-left-color: rgb(51, 122, 183);
+    border-left-color: rgb(83, 105, 255);
     border-width: 8px;
     margin-top: -8px;
 }
-img.CanvasXpressTooltip, svg.CanvasXpressTooltip {
+img.CanvasXpressTooltip,
+svg.CanvasXpressTooltip {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -1746,7 +1843,7 @@ img.CanvasXpressTooltip, svg.CanvasXpressTooltip {
 }
 span.CanvasXpressTooltip {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     background-color: rgba(255, 255, 255, 0.95);
     cursor: move;
@@ -1775,7 +1872,8 @@ div.CanvasXpressMousePosition {
     z-index: 1;
 }
-img.CanvasXpressMousePosition, svg.CanvasXpressMousePosition {
+img.CanvasXpressMousePosition,
+svg.CanvasXpressMousePosition {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -1816,19 +1914,19 @@ div.CanvasXpressCanvasResizer {
 */
 div.CanvasXpressCanvasResizerClose {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAcUlEQVR42mM8e/bsfwYCgBGkSE9PD6eCS5cuIRSxsrIy/P79Gy4J42MoAgGQBDIbRRFMNwzATMVQhGwNVjehm/T582cwfevWLfxu+vTpO8Pt29ew++7Hjx8MvLy8mIpgAKTg/38WOB+uiGCIE1JAXUUA5WZpcWW3WYkAAAAASUVORK5CYII=);
 }
 div.CanvasXpressCanvasResizerloading1 {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/gif;base64,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);
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }
 div.CanvasXpressCanvasResizerloading2 {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/gif;base64,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);
     background-position: 50% 50%;
     background-repeat: no-repeat;
@@ -1844,7 +1942,8 @@ div.CanvasXpressMotion {
     font: normal 12px arial, tahoma, sans-serif;
 }
-img.CanvasXpressMotion, svg.CanvasXpressMotion {
+img.CanvasXpressMotion,
+svg.CanvasXpressMotion {
     margin: 0px !important;
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
@@ -1852,13 +1951,13 @@ img.CanvasXpressMotion, svg.CanvasXpressMotion {
 }
 div.CanvasXpressMotionContainer {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAF0lEQVR42mNkAAJGNOLChQv/cRNYdAAA0dgUqRX/AM0AAAAASUVORK5CYII=);
     background-repeat: repeat-x;
 }
 div.CanvasXpressMotionCurrent {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR42mNkgIIDBw78ZyACODg4MCLzGWGa7e3tidHPcPDgQRRDGEGaTc0tidIMA6dPHocbAjZAV9eQJAMuXz5PZQM0NA1IMuDG9QuoBqioqJBkwJ07d1ANkJRWJ8mA509vUtkAUVFFkgx4/fo+qgG8fHIkGfD50yMqGgAiQIaws4oTpfnn75eoSRnGoCgzUQIoNgAAbjRcEcsB8BEAAAAASUVORK5CYII=);
     background-repeat: no-repeat;
     float: left;
@@ -1869,7 +1968,7 @@ div.CanvasXpressMotionCurrent {
 }
 div.CanvasXpressMotionRange {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAFklEQVR42mNkAAJGNMKxcdd/3AQWHQAD/g7xOirtNAAAAABJRU5ErkJggg==);
     background-repeat: repeat-x;
     float: left;
@@ -1886,8 +1985,8 @@ div.CanvasXpressMotionRange {
 */
 div.CanvasXpressMarker {
-    box-sizing: content-box;
-    border: 1px solid rgb(51, 122, 183);
+    box-sizing: border-box;
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     background-color: rgba(255, 255, 255, 0.95);
     color: rgb(34, 34, 34);
@@ -1940,7 +2039,8 @@ div.CanvasXpressToolbar img.CanvasXpressToolbarImage:hover+img.CanvasXpressToolb
     }
 */
-div.CanvasXpressToolbar img.CanvasXpressToolbarImage, div.CanvasXpressToolbar svg.CanvasXpressToolbarImage {
+div.CanvasXpressToolbar img.CanvasXpressToolbarImage,
+div.CanvasXpressToolbar svg.CanvasXpressToolbarImage {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -1984,7 +2084,7 @@ td.CanvasXpressDataTableDOE {
     font-size: 12px !important;
     padding-left: 5px !important;
     padding-right: 18px !important;
-    height: 18px  !important;
+    height: 18px !important;
     line-height: 18px !important;
     white-space: nowrap !important;
     overflow: hidden !important;
@@ -2001,8 +2101,8 @@ tr.CanvasXpressDataTableDOE {
  */
 div.CanvasXpressDataTable {
-    box-sizing: content-box;
-    border: 1px solid rgb(51, 122, 183);
+    box-sizing: border-box;
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     background-color: rgba(255, 255, 255, 0.95);
     clear: both;
@@ -2016,8 +2116,8 @@ div.CanvasXpressDataTable {
 }
 div.CanvasXpressDataTableToolbar {
-    box-sizing: content-box;
-    border: 0px;
+    box-sizing: border-box;
+    border-bottom: 1px solid rgb(204, 204, 204);
     border-radius: 5px 5px 0px 0px;
     background-color: rgba(255, 255, 255, 0.95);
     color: rgb(34, 34, 34);
@@ -2026,7 +2126,6 @@ div.CanvasXpressDataTableToolbar {
     line-height: 100%;
     position: absolute;
     top: 0px;
-    padding: 2px;
     -ms-user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;
@@ -2034,7 +2133,8 @@ div.CanvasXpressDataTableToolbar {
     -o-user-select: none;
 }
-img.CanvasXpressDataTableToolbarImage, svg.CanvasXpressDataTableToolbarImage {
+img.CanvasXpressDataTableToolbarImage,
+svg.CanvasXpressDataTableToolbarImage {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -2050,14 +2150,13 @@ img.CanvasXpressDataTableToolbarImage, svg.CanvasXpressDataTableToolbarImage {
 }
 div.CanvasXpressDataTableContainer {
-    box-sizing: content-box;
+    box-sizing: border-box;
     border-radius: 0px 0px 5px 5px;
     color: rgb(34, 34, 34);
     display: block;
     left: 0px;
     line-height: 100%;
     position: absolute;
-    top: 35px;
     -ms-user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;
@@ -2066,14 +2165,14 @@ div.CanvasXpressDataTableContainer {
 }
 div.CanvasXpressDataTableVertical {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
     overflow-x: hidden;
     overflow-y: auto;
     position: absolute;
     right: 6px;
-    top: 0px;
-    width: 32px;
+    top: 2px;
+    width: 16px;
     -ms-user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;
@@ -2082,15 +2181,15 @@ div.CanvasXpressDataTableVertical {
 }
 img.CanvasXpressDataTableVertical {
-  max-height: unset !important;
+    max-height: unset !important;
 }
 div.CanvasXpressDataTableHorizontal {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
     bottom: 12px;
-    height: 32px;
-    left: 32px;
+    height: 16px;
+    left: 2px;
     overflow-x: auto;
     overflow-y: hidden;
     position: absolute;
@@ -2102,26 +2201,7 @@ div.CanvasXpressDataTableHorizontal {
 }
 img.CanvasXpressDataTableHorizontal {
-  max-width: unset !important;
-}
-div.CanvasXpressDataTableResizer {
-    box-sizing: content-box;
-    background-color: rgba(255, 255, 255, 0.95);
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAR0lEQVR42pXPQQoAIAhEUb25nrwyKIpMndkJz8VnAtbGGMGqSqWHhW3pw4lFhBnBYYOHvw0/7DZE+GnI8NVQwbuhimcDgu3uM5KV++8QfCcAAAAASUVORK5CYII=);
-    background-repeat: no-repeat;
-    cursor: se-resize;
-    bottom: 8px;
-    height: 15px;
-    position: absolute;
-    opacity: 0.95;
-    right: 2px;
-    width: 15px;
-    -ms-user-select: none;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
+    max-width: unset !important;
 }
 table.CanvasXpressDataTable {
@@ -2141,9 +2221,8 @@ table.CanvasXpressDataTable {
 }
 div.CanvasXpressDataTableMask {
-    box-sizing: content-box;
+    box-sizing: border-box;
     border: 0px;
-    left: 32px;
     position: absolute;
     top: 0px;
     overflow: hidden;
@@ -2154,14 +2233,16 @@ div.CanvasXpressDataTableMask {
     -o-user-select: none;
 }
-th.CanvasXpressTableCellHead {
-    background: linear-gradient(rgb(240, 240, 240), rgb(230, 230, 230));
-    border: 1px solid #ccc;
+th.CanvasXpressTableCellHead,
+th.CanvasXpressTableCellModernHead {
+    border-top: none;
+    border-bottom: 1px solid rgb(204, 204, 204);
+    border-left: none;
+    border-right: none;
     color: rgb(34, 34, 34);
     font-style: bold;
     opacity: 0.95;
     padding: 2px;
-    text-align: left;
     vertical-align: middle;
     -ms-user-select: none;
     -moz-user-select: none;
@@ -2170,14 +2251,23 @@ th.CanvasXpressTableCellHead {
     -o-user-select: none;
 }
-th.CanvasXpressTableCellHeadActive {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
-    border: 1px solid #ccc;
-    color: rgb(34, 34, 34);
+th.CanvasXpressTableCellHead {
+    background: linear-gradient(rgb(240, 240, 240), rgb(230, 230, 230));
+}
+th.CanvasXpressTableCellModernHead {
+    background: rgb(0, 0, 0, 0);
+}
+th.CanvasXpressTableCellHeadActive,
+th.CanvasXpressTableCellModernHeadActive {
+    border-top: none;
+    border-bottom: 1px solid rgb(204, 204, 204);
+    border-left: none;
+    border-right: none;
     font-style: bold;
     opacity: 0.95;
     padding: 2px;
-    text-align: left;
     vertical-align: middle;
     -ms-user-select: none;
     -moz-user-select: none;
@@ -2186,15 +2276,25 @@ th.CanvasXpressTableCellHeadActive {
     -o-user-select: none;
 }
-a.CanvasXpressTableCellHead {
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAVElEQVR42mNkAIL/QMAIBAwkAsZRzaOah5BmEBunYjQLUDSDaGW3Dpw23d1VgWIAVpuxGYCuEaef0Q3AphFvgMEMwKWRYGgTioVBFM+jmkc1U1UzAAG5nB8y5eufAAAAAElFTkSuQmCC) no-repeat left center;
+th.CanvasXpressTableCellHeadActive {
+    background: rgba(83, 105, 255, 0.1);
+    color: rgb(34, 34, 34);
+}
+th.CanvasXpressTableCellModernHeadActive {
+    background: rgb(83, 105, 255);
+    color: rgb(255, 255, 255);
+}
+a.CanvasXpressTableCellHead,
+a.CanvasXpressTableCellModernHead {
     cursor: pointer;
-    display: none;
-    height: 20px;
     position: absolute;
-    opacity: 0.95;
-    right: 4px;
+    right: 8px;
     white-space: normal;
+    text-decoration: none;
+    font-weight: bold;
+    font-style: normal;
     width: 14px;
     -ms-user-select: none;
     -moz-user-select: none;
@@ -2203,15 +2303,23 @@ a.CanvasXpressTableCellHead {
     -o-user-select: none;
 }
-a.CanvasXpressTableCellHeadActive {
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAVElEQVR42mNkAIL/QMAIBAwkAsZRzaOah5BmEBunYjQLUDSDaGW3Dpw23d1VgWIAVpuxGYCuEaef0Q3AphFvgMEMwKWRYGgTioVBFM+jmkc1U1UzAAG5nB8y5eufAAAAAElFTkSuQmCC) no-repeat left center;
+a.CanvasXpressTableCellHead {
+    color: rgb(34, 34, 34);
+}
+a.CanvasXpressTableCellModernHead {
+    color: rgb(83, 105, 255);
+}
+a.CanvasXpressTableCellHeadActive,
+a.CanvasXpressTableCellModernHeadActive {
     cursor: pointer;
-    display: block;
-    height: 20px;
     position: absolute;
-    opacity: 0.95;
-    right: 4px;
+    right: 8px;
     white-space: normal;
+    text-decoration: none;
+    font-weight: bold;
+    font-style: normal;
     width: 14px;
     -ms-user-select: none;
     -moz-user-select: none;
@@ -2220,9 +2328,21 @@ a.CanvasXpressTableCellHeadActive {
     -o-user-select: none;
 }
-td.CanvasXpressTableCell {
-    border-bottom: 1px solid #ccc;
-    border-right: 1px solid #ccc;
+a.CanvasXpressTableCellHeadActive {
+    color: rgb(83, 105, 255);
+}
+a.CanvasXpressTableCellModernHeadActive {
+    color: rgb(255, 255, 255);
+}
+td.CanvasXpressTableCell,
+td.CanvasXpressTableCellModern {
+    background: rgb(0, 0, 0, 0);
+    border-top: none;
+    border-bottom: 1px solid rgb(204, 204, 204);
+    border-left: none;
+    border-right: none;
     color: rgb(34, 34, 34);
     padding: 2px;
     vertical-align: middle;
@@ -2233,10 +2353,13 @@ td.CanvasXpressTableCell {
     -o-user-select: none;
 }
-td.CanvasXpressTableCellActive {
-    background-color: #dfe8f9;
-    border-bottom: 1px solid #ccc;
-    border-right: 1px solid #ccc;
+td.CanvasXpressTableCellActive,
+td.CanvasXpressTableCellModernActive {
+    background-color: rgb(223, 232, 249);
+    border-top: none;
+    border-bottom: 1px solid rgb(204, 204, 204);
+    border-left: none;
+    border-right: none;
     color: rgb(34, 34, 34);
     padding: 2px;
     opacity: 0.95;
@@ -2249,9 +2372,8 @@ td.CanvasXpressTableCellActive {
 }
 div.CanvasXpressTableCell {
-    box-sizing: content-box;
+    box-sizing: border-box;
     color: rgb(34, 34, 34);
-    line-height: 20px;
     margin: 2px 2px 1px 5px;
     overflow: hidden;
     position: relative;
@@ -2260,7 +2382,7 @@ div.CanvasXpressTableCell {
 }
 div.CanvasXpressTableCellSortAsc {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background: url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgbAAMIDABgoEGDABIeRJhQ4cKGEA8KmEiRosGAADs=) no-repeat right 7px;
     color: rgb(34, 34, 34);
     margin: 2px 2px 1px 5px;
@@ -2270,7 +2392,7 @@ div.CanvasXpressTableCellSortAsc {
 }
 div.CanvasXpressTableCellSortDesc {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background: url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgeAAUAGEgQgIAACBEKLHgwYcKFBh1KFNhQosOKEgMCADs=) no-repeat right 7px;
     color: rgb(34, 34, 34);
     margin: 2px 2px 1px 5px;
@@ -2279,15 +2401,46 @@ div.CanvasXpressTableCellSortDesc {
     white-space: nowrap;
 }
+th.CanvasXpressTableCellModernHead div.CanvasXpressTableCell {
+    background: rgba(255, 255, 255, 0.95);
+    color: rgb(83, 105, 255);
+    border: 1px solid rgb(83, 105, 255);
+    border-radius: 5px;
+}
+tr:nth-child(1) tr:nth-child(1) th.CanvasXpressTableCellModernHead div.CanvasXpressTableCell {
+    background: rgba(83, 105, 255, 0.1);
+    color: rgb(83, 105, 255);
+    border: 1px solid rgb(83, 105, 255);
+    border-radius: 5px;
+}
+th.CanvasXpressTableCellModernHeadActive div.CanvasXpressTableCell {
+    background: rgb(83, 105, 255);
+    color: rgb(255, 255, 255);
+    border: 1px solid rgb(83, 105, 255);
+    border-radius: 5px;
+}
+th.CanvasXpressTableCellHead div.CanvasXpressTableCell {
+    border: 1px solid rgba(0, 0, 0, 0);
+    border-radius: 5px;
+}
+th.CanvasXpressTableCellHeadActive div.CanvasXpressTableCell {
+    border: 1px solid rgb(255, 255, 255);
+    border-radius: 5px;
+}
 /*
  * Configurator
  */
 div.CanvasXpressConfigurator {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
     border-radius: 5px;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
     color: rgb(34, 34, 34);
     cursor: default;
@@ -2315,14 +2468,15 @@ span.CanvasXpressConfigurator {
 textarea.CanvasXpressConfigurator {
     background-color: rgba(255, 255, 255, 0.95);
     border-radius: 5px;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
     color: rgb(34, 34, 34);
     cursor: default;
     font: normal 12px arial, tahoma, sans-serif;
 }
-img.CanvasXpressConfigurator, svg.CanvasXpressConfigurator {
+img.CanvasXpressConfigurator,
+svg.CanvasXpressConfigurator {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -2337,7 +2491,7 @@ img.CanvasXpressConfigurator, svg.CanvasXpressConfigurator {
 select.CanvasXpressConfigurator {
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     color: rgb(34, 34, 34);
     cursor: default;
     font: normal 12px arial, tahoma, sans-serif;
@@ -2346,7 +2500,7 @@ select.CanvasXpressConfigurator {
 input.CanvasXpressConfigurator {
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     color: rgb(34, 34, 34);
     cursor: default;
     font: normal 12px arial, tahoma, sans-serif;
@@ -2354,7 +2508,7 @@ input.CanvasXpressConfigurator {
 }
 div.CanvasXpressConfiguratorOptions {
-    box-sizing: content-box;
+    box-sizing: border-box;
     cursor: default;
     font: normal 12px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
@@ -2365,32 +2519,32 @@ div.CanvasXpressConfiguratorOptions {
 }
 div.CanvasXpressConfiguratorFilter {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
     border-radius: 5px;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
 }
 select.CanvasXpressConfiguratorFilter {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     font: normal 12px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
 }
 input.CanvasXpressConfiguratorFilter {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     font: normal 12px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
 }
 div.CanvasXpressConfiguratorExample {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
     border-radius: 5px;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
     color: rgb(34, 34, 34);
     font: normal 12px arial, tahoma, sans-serif;
@@ -2414,18 +2568,18 @@ div.CanvasXpressConfiguratorExampleContent {
 }
 div.CanvasXpressConfiguratorColor {
-    box-sizing: content-box;
-    border: 1px solid rgb(51, 122, 183);
+    box-sizing: border-box;
+    border: 1px solid rgb(83, 105, 255);
     font: normal 12px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     line-height: 18px;
 }
 div.CanvasXpressConfiguratorColorMain {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,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);
     background-repeat: no-repeat;
-    box-sizing: content-box;
+    box-sizing: border-box;
     border: none;
     font: normal 12px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
@@ -2434,7 +2588,7 @@ div.CanvasXpressConfiguratorColorMain {
 }
 div.CanvasXpressConfiguratorColorExtra {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/gif;base64,R0lGODlhDwAPAKEBAAAAAP///////////yH5BAEKAAIALAAAAAAPAA8AAAIklB8Qx53b4otSUWcvyiz4/4AeQJbmKY4p1HHapBlwPL/uVRsFADs=);
     background-repeat: no-repeat;
     border: none;
@@ -2445,7 +2599,7 @@ div.CanvasXpressConfiguratorColorExtra {
 }
 div.accordionHead {
-    box-sizing: content-box;
+    box-sizing: border-box;
     margin-top: 2px;
     height: 24px;
     overflow: hidden;
@@ -2461,29 +2615,29 @@ div.accordionHead {
 }
 div.accordionContent {
-    box-sizing: content-box;
+    box-sizing: border-box;
     overflow: auto;
 }
 div.hoverable:hover {
-    box-sizing: content-box;
-    background-color: #dfe8f6;
+    box-sizing: border-box;
+    background-color: rgba(83, 105, 255, 0.1);
 }
 div.CanvasXpressContainer {
-    box-sizing: content-box;
+    box-sizing: border-box;
     position: relative;
     float: left;
 }
 div.CanvasXpressContainerNT {
-    box-sizing: content-box;
+    box-sizing: border-box;
     position: relative;
     float: left;
 }
 div.CanvasXpressHandlerVerticalOpen {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAANklEQVR42mNkIBIwgoi0tLT/IHrWrFmMyJLI4igKkRWjizGi60YHMI1YrUJXhKEQn3sxFOICAH1yHAgCw6JnAAAAAElFTkSuQmCC);
     position: relative;
     float: left;
@@ -2492,7 +2646,7 @@ div.CanvasXpressHandlerVerticalOpen {
 }
 div.CanvasXpressHandlerVerticalClose {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAN0lEQVR42mNkIBIwogukpaX9B9GzZs1ixKkQpggGkBUz4lKErpgRXRFMAl0MRRDdXcjijAxEAgClNhwIDjZ11QAAAABJRU5ErkJggg==);
     position: relative;
     float: left;
@@ -2501,7 +2655,7 @@ div.CanvasXpressHandlerVerticalClose {
 }
 div.CanvasXpressHandlerHorizontalOpen {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAMElEQVR42mNkwAMYQURaWtp/ED1r1ixGnJLoCuAMbApQjEFXQJwkTmPxOgivV3ABAClDIAsKqUy5AAAAAElFTkSuQmCC);
     position: relative;
     float: left;
@@ -2510,7 +2664,7 @@ div.CanvasXpressHandlerHorizontalOpen {
 }
 div.CanvasXpressHandlerHorizontalClose {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAL0lEQVR42mNkwAMY0QXS0tL+g+hZs2YxMmKTwJBEl4Abi02COEm8xhJ0EEGvoAMAyTQgC6MMiAUAAAAASUVORK5CYII=);
     position: relative;
     float: left;
@@ -2519,7 +2673,7 @@ div.CanvasXpressHandlerHorizontalClose {
 }
 div.CanvasXpressWrapper {
-    box-sizing: content-box;
+    box-sizing: border-box;
     position: relative;
     float: left;
     line-height: 100%;
@@ -2530,7 +2684,7 @@ div.CanvasXpressWrapper {
 /***************/
 div.CanvasXpressDataFilter {
-    box-sizing: content-box;
+    box-sizing: border-box;
     color: rgb(34, 34, 34);
     font: normal 16px arial, tahoma, sans-serif;
     line-height: 100%;
@@ -2544,16 +2698,14 @@ div.CanvasXpressDataFilter {
 }
 div.CanvasXpressDataFilterToolbar {
-    box-sizing: content-box;
-    border: 1px solid rgb(51, 122, 183);
+    box-sizing: border-box;
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 4px;
     color: rgb(34, 34, 34);
     font: normal 16px arial, tahoma, sans-serif;
-    height: 32px;
     left: 0px;
     line-height: 100%;
     margin: 0px;
-    padding: 2px;
     position: absolute;
     opacity: 0.95;
     top: 0px;
@@ -2568,7 +2720,8 @@ span.CanvasXpressDataFilterToolbarText {
     top: 9px;
 }
-img.CanvasXpressDataFilterToolbarImage, svg.CanvasXpressDataFilterToolbarImage {
+img.CanvasXpressDataFilterToolbarImage,
+svg.CanvasXpressDataFilterToolbarImage {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -2602,17 +2755,16 @@ span.CanvasXpressDataFilterTextActive {
 }
 div.CanvasXpressDataFilterContainer {
-    box-sizing: content-box;
+    box-sizing: border-box;
     border: 0px;
     left: 0px;
     margin: 0px;
     padding: 0px;
     position: absolute;
-    top: 38px;
 }
 input[type=checkbox].CanvasXpressCheckbox {
-    accent-color: rgb(51, 122, 183);
+    accent-color: rgb(83, 105, 255);
     border-radius: 5px;
     height: 14px;
     width: 14px;
@@ -2629,30 +2781,30 @@ label.CanvasXpressCheckboxLabel {
 }
 div.CanvasXpressDataFilterContainerMaskNoOverflow {
-    box-sizing: content-box;
-    border: 1px solid #d0d0d0;
+    box-sizing: border-box;
+    border: 1px solid rgb(208, 208, 208);
     margin: 5px;
     overflow: hidden;
 }
 div.CanvasXpressDataFilterContainerMaskNoOverflowOut {
-    box-sizing: content-box;
+    box-sizing: border-box;
     border: none;
     margin: 5px;
     overflow: hidden;
 }
 div.CanvasXpressDataFilterContainerMask {
-    box-sizing: content-box;
-    border: 1px solid #d0d0d0;
+    box-sizing: border-box;
+    border: 1px solid rgb(208, 208, 208);
     margin: 5px;
     overflow-x: hidden;
     overflow-y: scroll;
 }
 div.CanvasXpressDataFilterContainerItem {
-    box-sizing: content-box;
-    color: #4181ba;
+    box-sizing: border-box;
+    color: rgb(83, 105, 255);
     height: 18px;
     padding: 1px 0px 0px 1px;
     overflow: hidden;
@@ -2660,9 +2812,9 @@ div.CanvasXpressDataFilterContainerItem {
 }
 div.CanvasXpressDataFilterContainerItemSelected {
-    box-sizing: content-box;
-    background-color: #dfe8f6;
-    color: #4181ba;
+    box-sizing: border-box;
+    background-color: rgb(223, 232, 246);
+    color: rgb(83, 105, 255);
     height: 18px;
     padding: 1px 0px 0px 1px;
     overflow: hidden;
@@ -2670,15 +2822,15 @@ div.CanvasXpressDataFilterContainerItemSelected {
 }
 div.CanvasXpressDataFilterContainerHoverable {
-    box-sizing: content-box;
-    border: 1px solid rgb(51, 122, 183);
+    box-sizing: border-box;
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     margin: 2px;
     margin-bottom: 4px;
 }
 div.CanvasXpressDataFilterContainerHoverableOut {
-    box-sizing: content-box;
+    box-sizing: border-box;
     border: none;
     border-radius: 5px;
     margin: 2px;
@@ -2686,8 +2838,8 @@ div.CanvasXpressDataFilterContainerHoverableOut {
 }
 div.CanvasXpressDataFilterContainerHoverable:hover {
-    box-sizing: content-box;
-    background-color: #dfe8f6;
+    box-sizing: border-box;
+    background-color: rgba(83, 105, 255, 0.1);
     border-radius: 5px;
 }
@@ -2700,14 +2852,14 @@ select.CanvasXpressDataFilterContainerString {
 }
 div.CanvasXpressDataFilterHead {
-    box-sizing: content-box;
+    box-sizing: border-box;
     /*background: linear-gradient(rgb(240, 240, 240), rgb(230,230,230));*/
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 4px;
     color: rgb(34, 34, 34);
     cursor: pointer;
     float: left;
-    height: 30px;
+    height: 38px;
     margin-top: 2px;
     overflow: hidden;
     opacity: 0.95;
@@ -2721,14 +2873,14 @@ div.CanvasXpressDataFilterHead {
 }
 div.CanvasXpressDataFilterHeadActive {
-    box-sizing: content-box;
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
-    border: 1px solid rgb(51, 122, 183);
+    box-sizing: border-box;
+    background: rgba(83, 105, 255, 0.1);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 4px 4px 0px 0px;
     color: rgb(34, 34, 34);
     cursor: pointer;
     float: left;
-    height: 30px;
+    height: 38px;
     margin-top: 2px;
     overflow: hidden;
     opacity: 0.95;
@@ -2742,12 +2894,12 @@ div.CanvasXpressDataFilterHeadActive {
 }
 div.CanvasXpressDataFilterContent {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 0px 0px 4px 4px;
     border-top: 0px;
-    color: rgb(51, 122, 183);
+    color: rgb(83, 105, 255);
     font: normal 16px arial, tahoma, sans-serif;
     overflow-y: scroll;
     overflow-x: hidden;
@@ -2787,7 +2939,7 @@ span.CanvasXpressDataFilterContainerTicks {
  * Toggle
  */
- div.CanvasXpressToggle {
+div.CanvasXpressToggle {
     border: none;
     margin: 5px;
     height: 18px;
@@ -2799,7 +2951,7 @@ label.CanvasXpressToggle {
 div.CanvasXpressToggleSwitch {
     display: inline-block;
-    background: #ccc;
+    background: rgb(204, 204, 204);
     border-radius: 16px;
     width: 28px;
     height: 18px;
@@ -2808,13 +2960,14 @@ div.CanvasXpressToggleSwitch {
     transition: background 0.25s;
 }
-div.CanvasXpressToggleSwitch:before, div.CanvasXpressToggleSwitch:after {
+div.CanvasXpressToggleSwitch:before,
+div.CanvasXpressToggleSwitch:after {
     content: "";
 }
 div.CanvasXpressToggleSwitch:before {
     display: block;
-    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
+    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
     border-radius: 50%;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
     width: 14px;
@@ -2826,15 +2979,15 @@ div.CanvasXpressToggleSwitch:before {
 }
 label.CanvasXpressToggle:hover div.CanvasXpressToggleSwitch:before {
-    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
+    background: linear-gradient(to bottom, rgb(255, 255, 255)0%, rgb(255, 255, 255)100%);
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
 }
-input.CanvasXpressToggle:checked + div.CanvasXpressToggleSwitch {
-    background: rgb(51, 122, 183);
+input.CanvasXpressToggle:checked+div.CanvasXpressToggleSwitch {
+    background: rgb(83, 105, 255);
 }
-input.CanvasXpressToggle:checked + div.CanvasXpressToggleSwitch:before {
+input.CanvasXpressToggle:checked+div.CanvasXpressToggleSwitch:before {
     left: 12px;
 }
@@ -2877,16 +3030,16 @@ div.CanvasXpressRangeSliderContainerBottom {
 }
 div.CanvasXpressRangeSliderInput {
-	position: relative;
-	z-index: 10001;
-	height: 22px;
-	margin: 8px 0;
+    position: relative;
+    z-index: 10001;
+    height: 22px;
+    margin: 8px 0;
 }
 input.CanvasXpressRangeSliderMin {
     border: 1px solid rgba(255, 255, 255, 0.95);
     border-radius: 5px;
-    color: rgb(51, 122, 183);
+    color: rgb(83, 105, 255);
     float: left;
     font: normal 16px arial, tahoma, sans-serif;
     margin-bottom: 2px;
@@ -2898,7 +3051,7 @@ input.CanvasXpressRangeSliderMin {
 input.CanvasXpressRangeSliderMax {
     border: 1px solid rgba(255, 255, 255, 0.95);
     border-radius: 5px;
-    color: rgb(51, 122, 183);
+    color: rgb(83, 105, 255);
     float: right;
     font: normal 16px arial, tahoma, sans-serif;
     margin-bottom: 2px;
@@ -2909,80 +3062,82 @@ input.CanvasXpressRangeSliderMax {
 }
 div.CanvasXpressRangeSlider {
-	position: relative;
-	z-index: 10001;
-	height: 8px;
-	margin: 0 15px;
+    position: relative;
+    z-index: 10001;
+    height: 8px;
+    margin: 0 15px;
 }
-div.CanvasXpressRangeSlider > div.CanvasXpressRangeSliderTrack {
-	position: absolute;
-	z-index: 10001;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	border-radius: 5px;
-	background-color: #dddddd;
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderTrack {
+    position: absolute;
+    z-index: 10001;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    border-radius: 5px;
+    background-color: rgb(238, 238, 238);
 }
-div.CanvasXpressRangeSlider > div.CanvasXpressRangeSliderRange {
-	position: absolute;
-	z-index: 10002;
-	left: 0%;
-	right: 0%;
-	top: 0;
-	bottom: 0;
-	border-radius: 5px;
-	background-color: rgb(51, 122, 183);
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderRange {
+    position: absolute;
+    z-index: 10002;
+    left: 0%;
+    right: 0%;
+    top: 0;
+    bottom: 0;
+    border-radius: 5px;
+    background-color: rgb(83, 105, 255);
 }
-div.CanvasXpressRangeSlider > div.CanvasXpressRangeSliderThumbLeft, div.CanvasXpressRangeSlider > div.CanvasXpressRangeSliderThumbRight {
-	position: absolute;
-	z-index: 10003;
-	width: 18px;
-	height: 18px;
-	background-color: rgb(51, 122, 183);
-	border-radius: 50%;
-	box-shadow: 0 0 0 0 rgba(51, 122, 183, 0.1);
-	transition: box-shadow .3s ease-in-out;
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbLeft,
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbRight {
+    position: absolute;
+    z-index: 10003;
+    width: 18px;
+    height: 18px;
+    background-color: rgb(83, 105, 255);
+    border-radius: 50%;
+    box-shadow: 0 0 0 0 rgba(51, 122, 183, 0.1);
+    transition: box-shadow .3s ease-in-out;
 }
-div.CanvasXpressRangeSlider > div.CanvasXpressRangeSliderThumbLeft {
-	left: 0%;
-	transform: translate(-15px, -5px);
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbLeft {
+    left: 0%;
+    transform: translate(-15px, -5px);
 }
-div.CanvasXpressRangeSlider >  div.CanvasXpressRangeSliderThumbRight {
-	right: 0%;
-	transform: translate(15px, -5px);
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbRight {
+    right: 0%;
+    transform: translate(15px, -5px);
 }
-div.CanvasXpressRangeSlider > div.CanvasXpressRangeSliderThumbLeft:hover {
-	box-shadow: 0 0 0 10px  rgba(51, 122, 183, 0.1);
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbLeft:hover {
+    box-shadow: 0 0 0 10px rgba(51, 122, 183, 0.1);
 }
-div.CanvasXpressRangeSlider > div.CanvasXpressRangeSliderThumbRight:hover {
-	box-shadow: 0 0 0 10px  rgba(51, 122, 183, 0.1);
+div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbRight:hover {
+    box-shadow: 0 0 0 10px rgba(51, 122, 183, 0.1);
 }
 input[type=range] {
-	position: absolute;
-	pointer-events: none;
-	-webkit-appearance: none;
-	z-index: 10002;
-	height: 10px;
-	width: 100%;
-	opacity: 0;
+    position: absolute;
+    pointer-events: none;
+    -webkit-appearance: none;
+    z-index: 10002;
+    height: 10px;
+    width: 100%;
+    opacity: 0;
 }
 input[type=range]::-webkit-slider-thumb {
-	pointer-events: all;
-	width: 30px;
-	height: 30px;
-	border-radius: 0;
-	border: 0 none;
-	background-color: red;
-	-webkit-appearance: none;
+    pointer-events: all;
+    width: 30px;
+    height: 30px;
+    border-radius: 0;
+    border: 0 none;
+    background-color: red;
+    -webkit-appearance: none;
 }
 div.CanvasXpressRangeSliderTicks {
@@ -3066,7 +3221,7 @@ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-track,
 select.CanvasXpressSearchCustomizer::-webkit-scrollbar-track,
 select.CanvasXpressConfigurator::-webkit-scrollbar-track,
 select.CanvasXpressSlider::-webkit-scrollbar-track {
-    background-color: #FFFFFF;
+    background-color: rgb(255, 255, 255);
 }
 div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-track,
@@ -3076,7 +3231,7 @@ div.CanvasXpressDataCustomizer::-webkit-scrollbar-track,
 div.CanvasXpressConfiguratorExample::-webkit-scrollbar-track,
 div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-track,
 div.CanvasXpressBinNameContainer::-webkit-scrollbar-track {
-    background-color: #F5F5F5;
+    background-color: rgb(245, 245, 245);
 }
@@ -3095,7 +3250,7 @@ div.CanvasXpressConfiguratorExample::-webkit-scrollbar-track:hover,
 div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-track:hover,
 select.CanvasXpressSlider::-webkit-scrollbar-track:hover,
 div.CanvasXpressBinNameContainer::-webkit-scrollbar-track:hover {
-    background-color: #BEBEBE;
+    background-color: rgb(190, 190, 190);
     border-radius: 8px;
 }
@@ -3110,7 +3265,7 @@ select.CanvasXpressConfigurator::-webkit-scrollbar,
 select.CanvasXpressSlider::-webkit-scrollbar {
     width: 8px;
     height: 8px;
-    background-color: #FFFFFF;
+    background-color: rgb(255, 255, 255);
 }
 div.CanvasXpressDataTableHorizontal::-webkit-scrollbar,
@@ -3122,10 +3277,9 @@ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar,
 div.CanvasXpressBinNameContainer::-webkit-scrollbar {
     width: 8px;
     height: 8px;
-    background-color: #F5F5F5;
+    background-color: rgb(245, 245, 245);
 }
 /* All tracks thumbs */
 div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-thumb,
@@ -3141,8 +3295,8 @@ div.CanvasXpressConfiguratorExample::-webkit-scrollbar-thumb,
 div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-thumb,
 select.CanvasXpressSlider::-webkit-scrollbar-thumb,
 div.CanvasXpressBinNameContainer::-webkit-scrollbar-thumb {
-    background-color: #337AB7;
-    border-radius: 4px;
+    background-color: rgb(83, 105, 255);
+    border-radius: 8px;
     border: none;
 }
@@ -3154,7 +3308,7 @@ div.CanvasXpressDataFilterToolbar::selection {
 div.CanvasXpressDataFilterContainerItem::selection {
     background: rgba(0, 0, 0, 0);
-    color: #4181ba;
+    color: rgb(83, 105, 255);
 }
@@ -3163,16 +3317,16 @@ div.CanvasXpressDataFilterContainerItem::selection {
  */
 div.CanvasXpressLink {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
     background-image: url(data:image/gif;base64,R0lGODlh+gABAIcAAOLj4/Dw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAD6AAEAAAgfAAMIHEiwoMGBAAQcXMiwocOHECNKnEixosWLGCMGBAA7);
     background-repeat: repeat-y;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 3px;
     box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
     color: rgb(34, 34, 34);
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 100%;
     margin: 0px;
     opacity: 0.95;
@@ -3182,7 +3336,7 @@ div.CanvasXpressLink {
 }
 div.CanvasXpressTabMenuConfigurator {
-    box-sizing: content-box;
+    box-sizing: border-box;
     position: relative;
 }
@@ -3214,9 +3368,9 @@ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label
 section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator {
     box-sizing: border-box;
     padding: 0.5px;
-    border: 1px solid #ddd;
+    border: 1px solid rgb(238, 238, 238);
     border-radius: 4px;
-    background: #fff;
+    background: rgb(255, 255, 255)
 }
 section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
@@ -3224,7 +3378,7 @@ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
     margin: 0;
     padding: 0.5px;
     overflow: hidden;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     line-height: 100%;
 }
@@ -3232,11 +3386,11 @@ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
 section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label.CanvasXpressTabMenuConfigurator {
     display: block;
     padding: 5px;
-    border: 1px solid #ddd;
+    border: 1px solid rgb(238, 238, 238);
     border-bottom: none;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    background: #fff;
+    background: rgb(255, 255, 255)
 }
 input:first-child.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator {
@@ -3254,14 +3408,14 @@ input:checked.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigu
 }
 div.CanvasXpressMenu {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 3px;
     box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
     color: rgb(34, 34, 34);
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 100%;
     margin: 0px;
     padding: 0px;
@@ -3284,7 +3438,7 @@ ul.CanvasXpressList {
 li.CanvasXpressListItemSep {
     cursor: default;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     font-size: 1px;
     height: 100%;
@@ -3299,7 +3453,7 @@ li.CanvasXpressListItemSep {
 input.CanvasXpressListItem {
     cursor: default;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     line-height: 100%;
     list-style: none;
@@ -3313,9 +3467,9 @@ input[type=file] {
 }
 div.CanvasXpressListItem {
-    box-sizing: content-box;
-    border: 1px solid rgb(51, 122, 183);
-    font: normal 12px arial, tahoma, sans-serif;
+    box-sizing: border-box;
+    border: 1px solid rgb(83, 105, 255);
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     line-height: 24px;
 }
@@ -3326,7 +3480,7 @@ li.CanvasXpressListItem {
     border-width: 1px 0px;
     cursor: default;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     height: 100%;
     line-height: 100%;
@@ -3339,13 +3493,13 @@ li.CanvasXpressListItem {
 }
 li.CanvasXpressListItemActive {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
-    border-color: rgb(170, 204, 246);
+    background: rgba(83, 105, 255, 0.1);
+    border-color: rgb(83, 105, 255);
     border-style: solid;
     border-width: 1px 0px;
     cursor: default;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     height: 100%;
     line-height: 100%;
@@ -3433,7 +3587,7 @@ li.CanvasXpressListItemScrollSearch {
 input.CanvasXpressListItemScrollSearch {
     color: rgb(34, 34, 34);
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
     margin: 3px;
@@ -3450,7 +3604,7 @@ a.CanvasXpressListItemA {
     color: rgb(34, 34, 34);
     cursor: pointer;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
     margin: 0px;
@@ -3469,7 +3623,7 @@ a.CanvasXpressListItemAActive {
     color: rgb(34, 34, 34);
     cursor: pointer;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
     margin: 0px;
@@ -3489,7 +3643,7 @@ a.CanvasXpressListItemAArrow {
     color: rgb(34, 34, 34);
     cursor: pointer;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
     margin: 0px;
@@ -3509,7 +3663,7 @@ a.CanvasXpressListItemAArrowActive {
     color: rgb(34, 34, 34);
     cursor: pointer;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
     margin: 0px;
@@ -3521,12 +3675,13 @@ a.CanvasXpressListItemAArrowActive {
     white-space: nowrap;
 }
-img.CanvasXpressListIcon, svg.CanvasXpressListIcon {
+img.CanvasXpressListIcon,
+svg.CanvasXpressListIcon {
     background-position: center;
     border: 0px none !important;
     color: rgb(34, 34, 34);
     cursor: pointer;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     height: 24px;
     line-height: 24px;
     list-style: none;
@@ -3545,7 +3700,7 @@ img.CanvasXpressListIcon, svg.CanvasXpressListIcon {
 span.CanvasXpressListItemText {
     color: rgb(34, 34, 34);
     cursor: pointer;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
     margin-right: 10px;
@@ -3555,7 +3710,7 @@ span.CanvasXpressListItemText {
 input.CanvasXpressListItemText {
     color: rgb(34, 34, 34);
     cursor: pointer;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     list-style: none;
     white-space: nowrap;
@@ -3578,7 +3733,7 @@ span.CanvasXpressListItemTextSep {
     border-bottom-color: rgb(255, 255, 255);
     cursor: default;
     display: block;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     font-size: 1px;
     line-height: 1px;
@@ -3593,7 +3748,7 @@ table.CanvasXpressListItemTable {
     line-height: 20px;
     color: rgb(34, 34, 34);
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     line-height: 24px;
     padding-left: 3px;
@@ -3603,7 +3758,8 @@ table.CanvasXpressListItemTable {
     -o-user-select: none;
 }
-img.CanvasXpressToolbarHelp, svg.CanvasXpressToolbarHelp {
+img.CanvasXpressToolbarHelp,
+svg.CanvasXpressToolbarHelp {
     background: rgba(0, 0, 0, 0) !important;
     border: 0px none !important;
     box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
@@ -3618,14 +3774,14 @@ img.CanvasXpressToolbarHelp, svg.CanvasXpressToolbarHelp {
 }
 div.CanvasXpressToolbarHelp {
-    box-sizing: content-box;
+    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.95);
     border-radius: 5px;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
     color: rgb(34, 34, 34);
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     -moz-user-select: none;
     -khtml-user-select: none;
@@ -3636,7 +3792,7 @@ div.CanvasXpressToolbarHelp {
 p.CanvasXpressToolbarHelp {
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     color: rgb(34, 34, 34);
     line-height: 24px;
     margin: 0px;
@@ -3644,13 +3800,13 @@ p.CanvasXpressToolbarHelp {
 }
 div.CanvasXpressForm {
-    box-sizing: content-box;
-    border: 1px solid rgb(51, 122, 183);
+    box-sizing: border-box;
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     background-color: rgba(255, 255, 255, 0.95);
     color: rgb(34, 34, 34);
     cursor: move;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     margin: 8px;
     padding: 8px;
     position: absolute;
@@ -3660,7 +3816,7 @@ div.CanvasXpressForm {
 input.CanvasXpressFormButton {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
     background-repeat: repeat-x;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px 5px 5px 5px;
     color: rgb(34, 34, 34);
     cursor: pointer;
@@ -3681,7 +3837,7 @@ input.CanvasXpressFormButtonActive {
     background-color: rgba(255, 255, 255, 0.95);
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mN89fnvf0aSiBvPf9GaAABVL3D5nF6uqAAAAABJRU5ErkJggg==);
     background-repeat: repeat-x;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px 5px 0px 0px;
     color: rgb(34, 34, 34);
     cursor: pointer;
@@ -3701,20 +3857,20 @@ input.CanvasXpressFormButtonActive {
 input.CanvasXpressFormText {
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     color: rgb(34, 34, 34);
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     padding-left: 3px;
 }
 form.CanvasXpressFormForm {
     background-color: rgba(255, 255, 255, 0.95);
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     color: rgb(34, 34, 34);
     cursor: default;
-    font: normal 12px arial, tahoma, sans-serif;
+    font: normal 16px arial, tahoma, sans-serif;
     line-height: 24px;
     margin: 8px;
     overflow: auto;
@@ -3761,7 +3917,8 @@ div.CanvasXpressSliderLeft {
     left: -50px;
 }
-div.CanvasXpressSliderLeft img, div.CanvasXpressSliderLeft svg {
+div.CanvasXpressSliderLeft img,
+div.CanvasXpressSliderLeft svg {
     margin: 5px 5px 3px 3px;
 }
@@ -3769,7 +3926,9 @@ div.CanvasXpressSliderLeft img, div.CanvasXpressSliderLeft svg {
     div.CanvasXpressSliderLeft {
         left: -25px;
     }
-    div.CanvasXpressSliderLeft img, div.CanvasXpressSliderLeft svg {
+    div.CanvasXpressSliderLeft img,
+    div.CanvasXpressSliderLeft svg {
         margin: -4px 0px 0px -2px;
     }
 }
@@ -3778,7 +3937,8 @@ div.CanvasXpressSliderRight {
     right: -50px;
 }
-div.CanvasXpressSliderRight img, div.CanvasXpressSliderRight svg {
+div.CanvasXpressSliderRight img,
+div.CanvasXpressSliderRight svg {
     margin: 5px 3px 3px 8px;
 }
@@ -3786,7 +3946,9 @@ div.CanvasXpressSliderRight img, div.CanvasXpressSliderRight svg {
     div.CanvasXpressSliderRight {
         right: -25px;
     }
-    div.CanvasXpressSliderRight img, div.CanvasXpressSliderRight svg {
+    div.CanvasXpressSliderRight img,
+    div.CanvasXpressSliderRight svg {
         margin: -4px -2px 0px 2px;
     }
 }
@@ -3817,7 +3979,7 @@ select.CanvasXpressSlider {
     border-left: none;
     border-right: none;
     border-top: none;
-    border-bottom: 1px solid rgb(51, 122, 183);
+    border-bottom: 1px solid rgb(83, 105, 255);
     background: rgba(0, 0, 0, 0);
     width: 100%;
     max-Width: 100%;
@@ -3863,7 +4025,7 @@ div.CanvasXpress-ParentNode {
  * CanvasXpress Tab Panel
  */
- div.CanvasXpressTabPanel {
+div.CanvasXpressTabPanel {
     font: normal 16px arial, tahoma, sans-serif;
     float: left;
     width: 100%
@@ -3873,7 +4035,7 @@ div.CanvasXpress-ParentNode {
 div.CanvasXpressTabPanelCustomizer {
     position: relative;
-    border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid rgb(238, 238, 238);
     top: -10px;
     overflow: hidden;
 }
@@ -3881,7 +4043,7 @@ div.CanvasXpressTabPanelCustomizer {
 div.CanvasXpressTabPanelRibbonSection {
     width: fit-content;
     position: relative;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
     padding-left: 8px;
     padding-top: 5px;
@@ -3914,30 +4076,30 @@ span.CanvasXpressTabPanelRibbon {
 }
 div.CanvasXpressTabPanelRibbonContainer {
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     border-radius: 5px;
-    background-color: #dddddd;
+    background-color: rgb(238, 238, 238);
 }
 svg.CanvasXpressTabPanelRibbon {
     float: left;
-    border: 1px solid rgb(51, 122, 183);
+    border: 1px solid rgb(83, 105, 255);
     margin-left: 5px;
     margin-top: 5px;
     padding: 5px;
     border-radius: 5px;
-    background-color: #ffffff;
+    background-color: rgb(255, 255, 255);
 }
 svg.CanvasXpressTabPanelRibbon:hover {
-    background: linear-gradient(rgb(243, 253, 255), rgb(217, 232, 251));
+    background: rgba(83, 105, 255, 0.1)
 }
 /* Header */
 div.CanvasXpressTabPanelHeader {
     font: normal 16px arial, tahoma, sans-serif;
-    border-bottom: 2px solid rgb(51, 122, 183);
+    border-bottom: 2px solid rgb(83, 105, 255);
     height: 38px;
     width: 100%;
     float: left;
@@ -3952,7 +4114,7 @@ div.CanvasXpressTabPanelHeaderTab {
 input.CanvasXpressTabPanelHeader {
     border-width: 1px 1px 0 1px;
-    border-color: rgb(51, 122, 183);
+    border-color: rgb(83, 105, 255);
     border-style: solid;
     border-radius: 5px 5px 0 0;
     padding: 8px;
@@ -3964,10 +4126,10 @@ input.CanvasXpressTabPanelHeader {
 input.CanvasXpressTabPanelHeaderActive {
     border-bottom-width: 2px;
-    border-left-color: rgb(51, 122, 183);
-    border-top-color: rgb(51, 122, 183);
-    border-right-color: rgb(51, 122, 183);
-    border-bottom-color: #ffffff;
+    border-left-color: rgb(83, 105, 255);
+    border-top-color: rgb(83, 105, 255);
+    border-right-color: rgb(83, 105, 255);
+    border-bottom-color: rgb(255, 255, 255);
     border-style: solid;
     border-radius: 5px 5px 0 0;
     padding: 8px;
@@ -3995,16 +4157,27 @@ div.CanvasXpressRow {
     float: left;
     width: 100%;
 }
-div.CanvasXpressRow:before, div.CanvasXpressRow:after {
+div.CanvasXpressRow:before,
+div.CanvasXpressRow:after {
     content: " ";
     display: table;
 }
 div.CanvasXpressRow:after {
     clear: both;
 }
-div.CanvasXpressRowColumnFull, div.CanvasXpressRowColumnTwoThird, div.CanvasXpressRowColumnThreeFourth, div.CanvasXpressRowColumnFourFifth, div.CanvasXpressRowColumnFiveSixth,
-div.CanvasXpressRowColumnHalf, div.CanvasXpressRowColumnThird, div.CanvasXpressRowColumnFourth, div.CanvasXpressRowColumnFifth, div.CanvasXpressRowColumnSixth {
+div.CanvasXpressRowColumnFull,
+div.CanvasXpressRowColumnTwoThird,
+div.CanvasXpressRowColumnThreeFourth,
+div.CanvasXpressRowColumnFourFifth,
+div.CanvasXpressRowColumnFiveSixth,
+div.CanvasXpressRowColumnHalf,
+div.CanvasXpressRowColumnThird,
+div.CanvasXpressRowColumnFourth,
+div.CanvasXpressRowColumnFifth,
+div.CanvasXpressRowColumnSixth {
     float: left;
     /*
     padding-left: 1rem;
@@ -4015,89 +4188,116 @@ div.CanvasXpressRowColumnHalf, div.CanvasXpressRowColumnThird, div.CanvasXpressR
     box-sizing: border-box;
 }
-div.CanvasXpressRowColumnFull:hover, div.CanvasXpressRowColumnTwoThird:hover, div.CanvasXpressRowColumnThreeFourth:hover, div.CanvasXpressRowColumnFourFifth:hover, div.CanvasXpressRowColumnFiveSixth:hover,
-div.CanvasXpressRowColumnHalf:hover, div.CanvasXpressRowColumnThird:hover, div.CanvasXpressRowColumnFourth:hover, div.CanvasXpressRowColumnFifth:hover, div.CanvasXpressRowColumnSixth:hover {
-    border: 1px dashed #dddddd;
+div.CanvasXpressRowColumnFull:hover,
+div.CanvasXpressRowColumnTwoThird:hover,
+div.CanvasXpressRowColumnThreeFourth:hover,
+div.CanvasXpressRowColumnFourFifth:hover,
+div.CanvasXpressRowColumnFiveSixth:hover,
+div.CanvasXpressRowColumnHalf:hover,
+div.CanvasXpressRowColumnThird:hover,
+div.CanvasXpressRowColumnFourth:hover,
+div.CanvasXpressRowColumnFifth:hover,
+div.CanvasXpressRowColumnSixth:hover {
+    border: 1px dashed rgb(238, 238, 238);
 }
 div.CanvasXpressRowColumnFull {
     border: 1px dashed white;
     width: 100%;
 }
 div.CanvasXpressRowColumnFullActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 100%;
 }
 div.CanvasXpressRowColumnTwoThird {
     border: 1px dashed white;
     width: 66.7%;
 }
 div.CanvasXpressRowColumnTwoThirdActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 66.7%;
 }
 div.CanvasXpressRowColumnThreeFourth {
     border: 1px dashed white;
     width: 75%;
 }
 div.CanvasXpressRowColumnThreeFourthActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 75%;
 }
 div.CanvasXpressRowColumnFourFifth {
     border: 1px dashed white;
     width: 80%;
 }
 div.CanvasXpressRowColumnFourFifthActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 80%;
 }
 div.CanvasXpressRowColumnFiveSixth {
     border: 1px dashed white;
     width: 83.4%;
 }
 div.CanvasXpressRowColumnFiveSixthActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 83.4%;
 }
 div.CanvasXpressRowColumnHalf {
     border: 1px dashed white;
     width: 50%;
 }
 div.CanvasXpressRowColumnHalfActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 50%;
 }
 div.CanvasXpressRowColumnThird {
     border: 1px dashed white;
     width: 33.3%;
 }
 div.CanvasXpressRowColumnThirdActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 33.3%;
 }
 div.CanvasXpressRowColumnFourth {
     border: 1px dashed white;
     width: 25%;
 }
 div.CanvasXpressRowColumnFourthActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 25%;
 }
 div.CanvasXpressRowColumnFifth {
     border: 1px dashed white;
     width: 20%;
 }
 div.CanvasXpressRowColumnFifthActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 20%;
 }
 div.CanvasXpressRowColumnSixth {
     border: 1px dashed white;
     width: 16.6%;
 }
 div.CanvasXpressRowColumnSixthActive {
-    border: 1px dashed rgb(51, 122, 183);
+    border: 1px dashed rgb(83, 105, 255);
     width: 16.6%;
 }
@@ -4135,17 +4335,17 @@ canvas.CanvasXpress::selection {
 }
 div.CanvasXpressPlay {
-  background-color: rgba(0, 0, 0, 0.1);
-  background-image: url('data:image/png;base64,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');
-  background-position-x: 50%;
-  background-position-y: center;
-  background-size: 25%;
-  background-repeat: no-repeat;
-  position: absolute;
+    background-color: rgba(0, 0, 0, 0.1);
+    background-image: url('data:image/png;base64,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');
+    background-position-x: 50%;
+    background-position-y: center;
+    background-size: 25%;
+    background-repeat: no-repeat;
+    position: absolute;
 }
 div.CanvasXpressPlay:hover {
-  background-color: rgba(0, 0, 0, 0);
+    background-color: rgba(0, 0, 0, 0);
 }
 /*
@@ -4278,6 +4478,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(2px);
         filter: blur(2px);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4299,6 +4500,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(2px);
         filter: blur(2px);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4325,6 +4527,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4346,6 +4549,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4372,6 +4576,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(90px);
         filter: blur(90px);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4393,6 +4598,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(90px);
         filter: blur(90px);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4419,6 +4625,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4440,6 +4647,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4464,6 +4672,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(-90deg);
         transform: perspective(800px) rotateX(-90deg);
     }
     50% {
         opacity: 1;
         -webkit-transform-origin: 50% 0%;
@@ -4471,6 +4680,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(50deg);
         transform: perspective(800px) rotateX(50deg);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 0%;
@@ -4488,6 +4698,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(-90deg);
         transform: perspective(800px) rotateX(-90deg);
     }
     50% {
         opacity: 1;
         -webkit-transform-origin: 50% 0%;
@@ -4495,6 +4706,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(50deg);
         transform: perspective(800px) rotateX(50deg);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 0%;
@@ -4517,6 +4729,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
         transform: perspective(800px) rotateX(0deg) rotateY(0deg);
     }
     20% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -4524,6 +4737,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
         transform: perspective(800px) rotateX(0deg) rotateY(10deg);
     }
     30% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4531,6 +4745,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
         transform: perspective(800px) rotateX(0deg) rotateY(0deg);
     }
     40% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4538,6 +4753,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
         transform: perspective(800px) rotateX(10deg) rotateY(10deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 100% 100%;
@@ -4555,6 +4771,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
         transform: perspective(800px) rotateX(0deg) rotateY(0deg);
     }
     20% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -4562,6 +4779,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
         transform: perspective(800px) rotateX(0deg) rotateY(10deg);
     }
     30% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4569,6 +4787,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
         transform: perspective(800px) rotateX(0deg) rotateY(0deg);
     }
     40% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4576,6 +4795,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
         transform: perspective(800px) rotateX(10deg) rotateY(10deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 100% 100%;
@@ -4598,6 +4818,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotate(360deg);
         transform: scale(0, 0) rotate(360deg);
     }
     20% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4605,6 +4826,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     40% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -4612,6 +4834,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     60% {
         opacity: 1;
         -webkit-transform-origin: 0%;
@@ -4619,6 +4842,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     80% {
         opacity: 1;
         -webkit-transform-origin: 0% 0%;
@@ -4626,6 +4850,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4643,6 +4868,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotate(360deg);
         transform: scale(0, 0) rotate(360deg);
     }
     20% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4650,6 +4876,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     40% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -4657,6 +4884,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     60% {
         opacity: 1;
         -webkit-transform-origin: 0%;
@@ -4664,6 +4892,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     80% {
         opacity: 1;
         -webkit-transform-origin: 0% 0%;
@@ -4671,6 +4900,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4693,6 +4923,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) rotate(360deg);
         transform: scale(1, 1) rotate(360deg);
     }
     20% {
         opacity: 1;
         -webkit-transform-origin: 0% 0%;
@@ -4700,6 +4931,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     40% {
         opacity: 1;
         -webkit-transform-origin: 100% 0%;
@@ -4707,6 +4939,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     60% {
         opacity: 1;
         -webkit-transform-origin: 0%;
@@ -4714,6 +4947,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     80% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4721,6 +4955,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4738,6 +4973,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) rotate(360deg);
         transform: scale(1, 1) rotate(360deg);
     }
     20% {
         opacity: 1;
         -webkit-transform-origin: 0% 0%;
@@ -4745,6 +4981,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     40% {
         opacity: 1;
         -webkit-transform-origin: 100% 0%;
@@ -4752,6 +4989,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     60% {
         opacity: 1;
         -webkit-transform-origin: 0%;
@@ -4759,6 +4997,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     80% {
         opacity: 1;
         -webkit-transform-origin: 0% 100%;
@@ -4766,6 +5005,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.5, 0.5) rotate(0deg);
         transform: scale(0.5, 0.5) rotate(0deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4788,6 +5028,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotateY(360deg);
         transform: scale(0, 0) rotateY(360deg);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4805,6 +5046,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotateY(360deg);
         transform: scale(0, 0) rotateY(360deg);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4827,6 +5069,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) rotateY(0deg);
         transform: scale(1, 1) rotateY(0deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4844,6 +5087,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) rotateY(0deg);
         transform: scale(1, 1) rotateY(0deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4866,6 +5110,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0);
         transform: scale(0, 0);
     }
     90% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4873,6 +5118,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.9, 0.9);
         transform: scale(0.9, 0.9);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4890,6 +5136,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0);
         transform: scale(0, 0);
     }
     90% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4897,6 +5144,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.9, 0.9);
         transform: scale(0.9, 0.9);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4919,6 +5167,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }
     80% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4926,6 +5175,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.9, 0.9);
         transform: scale(0.9, 0.9);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4943,6 +5193,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }
     80% {
         opacity: 1;
         -webkit-transform-origin: 50% 50%;
@@ -4950,6 +5201,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0.9, 0.9);
         transform: scale(0.9, 0.9);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 50%;
@@ -4974,6 +5226,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     50% {
         opacity: 1;
         -webkit-transform-origin: -100% 50%;
@@ -4983,6 +5236,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: -100% 50%;
@@ -5004,6 +5258,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     50% {
         opacity: 1;
         -webkit-transform-origin: -100% 50%;
@@ -5013,6 +5268,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: -100% 50%;
@@ -5039,6 +5295,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     50% {
         opacity: 1;
         -webkit-transform-origin: 200% 50%;
@@ -5048,6 +5305,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 200% 50%;
@@ -5069,6 +5327,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     50% {
         opacity: 1;
         -webkit-transform-origin: 200% 50%;
@@ -5078,6 +5337,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 200% 50%;
@@ -5102,6 +5362,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) rotate(0deg);
         transform: scale(1, 1) rotate(0deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 200% 500%;
@@ -5119,6 +5380,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) rotate(0deg);
         transform: scale(1, 1) rotate(0deg);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 200% 500%;
@@ -5141,6 +5403,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) translate(-700px, 0px);
         transform: scale(0, 0) translate(-700px, 0px);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -5158,6 +5421,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) translate(-700px, 0px);
         transform: scale(0, 0) translate(-700px, 0px);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -5180,12 +5444,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
         transform: scale(0, 0) rotate(360deg) translateY(-100%);
     }
     30% {
         -webkit-transform-origin: 0 100%;
         transform-origin: 0 100%;
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
         transform: scale(0, 0) rotate(360deg) translateY(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -5203,12 +5469,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
         transform: scale(0, 0) rotate(360deg) translateY(-100%);
     }
     30% {
         -webkit-transform-origin: 0 100%;
         transform-origin: 0 100%;
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
         transform: scale(0, 0) rotate(360deg) translateY(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 100% 100%;
@@ -5231,12 +5499,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
         transform: scale(0, 0) rotate(360deg) translateY(100%);
     }
     30% {
         -webkit-transform-origin: 100% 0;
         transform-origin: 100% 0;
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
         transform: scale(0, 0) rotate(360deg) translateY(100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0 0;
@@ -5254,12 +5524,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
         transform: scale(0, 0) rotate(360deg) translateY(100%);
     }
     30% {
         -webkit-transform-origin: 100% 0;
         transform-origin: 100% 0;
         -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
         transform: scale(0, 0) rotate(360deg) translateY(100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0 0;
@@ -5282,6 +5554,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(0%, 200%);
         transform: scale(.2) translate(0%, 200%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 100%;
@@ -5299,6 +5572,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(0%, 200%);
         transform: scale(.2) translate(0%, 200%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 100%;
@@ -5321,6 +5595,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(-200%, 0%);
         transform: scale(.2) translate(-200%, 0%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0% 50%;
@@ -5338,6 +5613,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(-200%, 0%);
         transform: scale(.2) translate(-200%, 0%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0% 50%;
@@ -5360,6 +5636,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(200%, 0%);
         transform: scale(.2) translate(200%, 0%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 100% 50%;
@@ -5377,6 +5654,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(200%, 0%);
         transform: scale(.2) translate(200%, 0%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 100% 50%;
@@ -5399,6 +5677,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(0%, -200%);
         transform: scale(.2) translate(0%, -200%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 0%;
@@ -5416,6 +5695,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(.2) translate(0%, -200%);
         transform: scale(.2) translate(0%, -200%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 50% 0%;
@@ -5438,6 +5718,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 100%;
@@ -5455,6 +5736,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 100%;
@@ -5477,6 +5759,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 0% 50%;
@@ -5494,6 +5777,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 0% 50%;
@@ -5516,6 +5800,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 100% 50%;
@@ -5533,6 +5818,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 100% 50%;
@@ -5555,6 +5841,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0%;
@@ -5572,6 +5859,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1) translate(0%, 0%);
         transform: scale(1) translate(0%, 0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0%;
@@ -5593,6 +5881,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg);
         transform: perspective(800px) rotateX(0deg);
     }
     100% {
         -webkit-transform-origin: 0 100%;
         transform-origin: 0 100%;
@@ -5608,6 +5897,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg);
         transform: perspective(800px) rotateX(0deg);
     }
     100% {
         -webkit-transform-origin: 0 100%;
         transform-origin: 0 100%;
@@ -5628,6 +5918,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(-180deg);
         transform: perspective(800px) rotateX(-180deg);
     }
     100% {
         -webkit-transform-origin: 0 100%;
         transform-origin: 0 100%;
@@ -5643,6 +5934,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(-180deg);
         transform: perspective(800px) rotateX(-180deg);
     }
     100% {
         -webkit-transform-origin: 0 100%;
         transform-origin: 0 100%;
@@ -5663,6 +5955,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg);
         transform: perspective(800px) rotateY(0deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5678,6 +5971,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg);
         transform: perspective(800px) rotateY(0deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5698,6 +5992,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(-180deg);
         transform: perspective(800px) rotateY(-180deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5713,6 +6008,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(-180deg);
         transform: perspective(800px) rotateY(-180deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5733,6 +6029,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg);
         transform: perspective(800px) rotateY(0deg);
     }
     100% {
         -webkit-transform-origin: 100% 0;
         transform-origin: 100% 0;
@@ -5748,6 +6045,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg);
         transform: perspective(800px) rotateY(0deg);
     }
     100% {
         -webkit-transform-origin: 100% 0;
         transform-origin: 100% 0;
@@ -5768,6 +6066,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(180deg);
         transform: perspective(800px) rotateY(180deg);
     }
     100% {
         -webkit-transform-origin: 100% 0;
         transform-origin: 100% 0;
@@ -5783,6 +6082,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(180deg);
         transform: perspective(800px) rotateY(180deg);
     }
     100% {
         -webkit-transform-origin: 100% 0;
         transform-origin: 100% 0;
@@ -5803,6 +6103,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg);
         transform: perspective(800px) rotateX(0deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5818,6 +6119,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg);
         transform: perspective(800px) rotateX(0deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5838,6 +6140,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(180deg);
         transform: perspective(800px) rotateX(180deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5853,6 +6156,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(180deg);
         transform: perspective(800px) rotateX(180deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -5874,6 +6178,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
         transform: perspective(800px) rotateX(0deg) translateZ(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 100%;
@@ -5891,6 +6196,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
         transform: perspective(800px) rotateX(0deg) translateZ(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 100%;
@@ -5913,6 +6219,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
         transform: perspective(800px) rotateY(0deg) translateZ(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0;
@@ -5930,6 +6237,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
         transform: perspective(800px) rotateY(0deg) translateZ(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0;
@@ -5952,6 +6260,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
         transform: perspective(800px) rotateY(0deg) translate3d(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0;
@@ -5969,6 +6278,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
         transform: perspective(800px) rotateY(0deg) translate3d(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0;
@@ -5991,6 +6301,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
         transform: perspective(800px) rotateX(0deg) translateZ(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0;
@@ -6008,6 +6319,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
         transform: perspective(800px) rotateX(0deg) translateZ(0px);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 50% 0;
@@ -6029,6 +6341,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6044,6 +6357,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6065,6 +6379,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         height: 0;
         -webkit-transform-origin: 0 0;
@@ -6082,6 +6397,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         height: 0;
         -webkit-transform-origin: 0 0;
@@ -6104,6 +6420,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 0 0;
@@ -6121,6 +6438,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 0 0;
@@ -6142,6 +6460,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6157,6 +6476,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6178,6 +6498,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }
     100% {
         height: 215px;
         -webkit-transform-origin: 0 0;
@@ -6195,6 +6516,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }
     100% {
         height: 215px;
         -webkit-transform-origin: 0 0;
@@ -6216,6 +6538,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(0%);
         transform: translateX(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6231,6 +6554,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(0%);
         transform: translateX(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6251,6 +6575,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6266,6 +6591,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6287,6 +6613,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0 0;
@@ -6304,6 +6631,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0 0;
@@ -6325,6 +6653,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(0%);
         transform: translateX(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6340,6 +6669,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(0%);
         transform: translateX(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6360,6 +6690,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6375,6 +6706,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateX(100%);
         transform: translateX(100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6395,6 +6727,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6410,6 +6743,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6430,6 +6764,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6446,6 +6781,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(0%);
         transform: translateY(0%);
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: 0 0;
@@ -6467,6 +6803,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6482,6 +6819,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }
     100% {
         -webkit-transform-origin: 0 0;
         transform-origin: 0 0;
@@ -6503,6 +6841,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0 0;
@@ -6520,6 +6859,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform-origin: 0 0;
@@ -6543,6 +6883,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
@@ -6562,6 +6903,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
@@ -6586,6 +6928,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
@@ -6605,6 +6948,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
@@ -6629,6 +6973,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
@@ -6648,6 +6993,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
@@ -6672,6 +7018,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
@@ -6691,6 +7038,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
@@ -6715,6 +7063,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
@@ -6734,6 +7083,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
@@ -6758,6 +7108,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
@@ -6777,6 +7128,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: top left;
         transform-origin: top left;
@@ -6801,6 +7153,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: top right;
         transform-origin: top right;
@@ -6820,6 +7173,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         -webkit-transform-origin: top right;
         transform-origin: top right;
@@ -6844,6 +7198,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: top right;
         transform-origin: top right;
@@ -6863,6 +7218,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
     }
     100% {
         -webkit-transform-origin: top right;
         transform-origin: top right;
@@ -6888,6 +7244,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: bottom left;
@@ -6909,6 +7266,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: bottom left;
@@ -6935,6 +7293,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: bottom right;
@@ -6956,6 +7315,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: bottom right;
@@ -6982,6 +7342,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: top left;
@@ -7003,6 +7364,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: top left;
@@ -7029,6 +7391,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: top right;
@@ -7050,6 +7413,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
     }
     100% {
         opacity: 0;
         -webkit-transform-origin: top right;
@@ -7072,6 +7436,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(900%);
         transform: scale(1, 1) translateY(900%);
     }
     50%,
     70%,
     90% {
@@ -7079,6 +7444,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     60%,
     80%,
     100% {
@@ -7094,6 +7460,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(900%);
         transform: scale(1, 1) translateY(900%);
     }
     50%,
     70%,
     90% {
@@ -7101,6 +7468,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     60%,
     80%,
     100% {
@@ -7116,6 +7484,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @-webkit-keyframes tinDownOut {
     0%,
     20%,
     40%,
@@ -7124,12 +7493,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(900%);
@@ -7138,6 +7509,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @keyframes tinDownOut {
     0%,
     20%,
     40%,
@@ -7146,12 +7518,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(900%);
@@ -7170,6 +7544,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(-900%);
         transform: scale(1, 1) translateX(-900%);
     }
     50%,
     70%,
     90% {
@@ -7177,6 +7552,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     60%,
     80%,
     100% {
@@ -7192,6 +7568,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(-900%);
         transform: scale(1, 1) translateX(-900%);
     }
     50%,
     70%,
     90% {
@@ -7199,6 +7576,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     60%,
     80%,
     100% {
@@ -7214,6 +7592,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @-webkit-keyframes tinLeftOut {
     0%,
     20%,
     40%,
@@ -7222,12 +7601,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(0);
         transform: scale(1, 1) translateX(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateX(-900%);
@@ -7236,6 +7617,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @keyframes tinLeftOut {
     0%,
     20%,
     40%,
@@ -7244,12 +7626,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(0);
         transform: scale(1, 1) translateX(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateX(-900%);
@@ -7268,6 +7652,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(900%);
         transform: scale(1, 1) translateX(900%);
     }
     50%,
     70%,
     90% {
@@ -7275,6 +7660,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     60%,
     80%,
     100% {
@@ -7290,6 +7676,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(900%);
         transform: scale(1, 1) translateX(900%);
     }
     50%,
     70%,
     90% {
@@ -7297,6 +7684,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     60%,
     80%,
     100% {
@@ -7312,6 +7700,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @-webkit-keyframes tinRightOut {
     0%,
     20%,
     40%,
@@ -7320,12 +7709,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(0);
         transform: scale(1, 1) translateX(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateX(900%);
@@ -7334,6 +7725,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @keyframes tinRightOut {
     0%,
     20%,
     40%,
@@ -7342,12 +7734,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateX(0);
         transform: scale(1, 1) translateX(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateX(0);
         transform: scale(1.1, 1.1) translateX(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateX(900%);
@@ -7366,6 +7760,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(-900%);
         transform: scale(1, 1) translateY(-900%);
     }
     50%,
     70%,
     90% {
@@ -7373,6 +7768,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     60%,
     80%,
     100% {
@@ -7388,6 +7784,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(-900%);
         transform: scale(1, 1) translateY(-900%);
     }
     50%,
     70%,
     90% {
@@ -7395,6 +7792,7 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     60%,
     80%,
     100% {
@@ -7410,6 +7808,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @-webkit-keyframes tinUpOut {
     0%,
     20%,
     40%,
@@ -7418,12 +7817,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(-900%);
@@ -7432,6 +7833,7 @@ Copyright (c) 2018 Christian Pucci
 }
 @keyframes tinUpOut {
     0%,
     20%,
     40%,
@@ -7440,12 +7842,14 @@ Copyright (c) 2018 Christian Pucci
         -webkit-transform: scale(1, 1) translateY(0);
         transform: scale(1, 1) translateY(0);
     }
     10%,
     30% {
         opacity: 1;
         -webkit-transform: scale(1.1, 1.1) translateY(0);
         transform: scale(1.1, 1.1) translateY(0);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1, 1) translateY(-900%);
@@ -7463,18 +7867,22 @@ Copyright (c) 2018 Christian Pucci
         opacity: 0;
         background-color: rgba(51, 122, 183, 1);
     }
     25% {
         opacity: 0.25;
         background-color: rgba(51, 122, 183, 0.75);
     }
     50% {
         opacity: 0.5;
         background-color: rgba(51, 122, 183, 0.5);
     }
     75% {
         opacity: 0.75;
         background-color: rgba(51, 122, 183, 0.25);
     }
     100% {
         opacity: 1;
         background-color: rgba(51, 122, 183, 0);
@@ -7486,20 +7894,24 @@ Copyright (c) 2018 Christian Pucci
         opacity: 0;
         background-color: rgba(51, 122, 183, 1);
     }
     25% {
         opacity: 0.25;
         background-color: rgba(51, 122, 183, 0.75);
     }
     50% {
         opacity: 0.5;
         background-color: rgba(51, 122, 183, 0.5);
     }
     75% {
         opacity: 0.75;
         background-color: rgba(51, 122, 183, 0.25);
     }
     100% {
         opacity: 1;
         background-color: rgba(51, 122, 183, 0);
     }
-}
+}