plataforma-fundacao-componentes 2.23.13 → 2.23.15

package/dist/index.css

@@ -10,6 +10,7 @@
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -146,6 +147,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -240,6 +242,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -274,6 +277,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -420,6 +424,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -501,6 +506,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -532,6 +538,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -601,6 +608,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -638,6 +646,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -748,6 +757,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -810,6 +820,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -915,6 +926,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -967,6 +979,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -1110,6 +1123,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -1452,6 +1466,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -1509,6 +1524,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -1581,6 +1597,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -1923,6 +1940,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2049,6 +2067,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2145,6 +2164,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2388,6 +2408,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2476,6 +2497,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2544,6 +2566,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2631,6 +2654,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2766,6 +2790,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2847,6 +2872,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -2928,6 +2954,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3007,6 +3034,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3064,6 +3092,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3096,6 +3125,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3157,6 +3187,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3272,6 +3303,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3325,6 +3357,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3381,6 +3414,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3464,6 +3498,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3561,6 +3596,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3648,6 +3684,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3696,6 +3733,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -3974,6 +4012,7 @@ h5 {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4067,6 +4106,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4274,6 +4314,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4340,6 +4381,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4400,6 +4442,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4505,6 +4548,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4563,6 +4607,164 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+.floating-panel-wrapper {
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  background-color: #ffffff; }
+  .floating-panel-wrapper .floating-panel {
+    position: fixed;
+    z-index: 987;
+    background-color: #fefefe;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    overflow: hidden; }
+    .floating-panel-wrapper .floating-panel.only-top {
+      border-radius: 8px 8px 0 0; }
+    .floating-panel-wrapper .floating-panel.only-bottom {
+      border-radius: 0 0 8px 8px; }
+    .floating-panel-wrapper .floating-panel.all {
+      border-radius: 8px; }
+    .floating-panel-wrapper .floating-panel.shadow {
+      box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3); }
+    .floating-panel-wrapper .floating-panel-enter {
+      transform: translateY(10px);
+      opacity: 0; }
+    .floating-panel-wrapper .floating-panel-enter-active {
+      transition: transform 0.3s ease, opacity 0.3s ease;
+      opacity: 1;
+      transform: translateY(0); }
+    .floating-panel-wrapper .floating-panel-exit {
+      opacity: 1;
+      transform: translateY(0); }
+    .floating-panel-wrapper .floating-panel-exit-active {
+      transition: transform 0.3s ease, opacity 0.3s ease;
+      transform: translateY(10px);
+      opacity: 0; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+.dropdown-selector-wrapper {
+  position: relative;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content; }
+  .dropdown-selector-wrapper.w-100 {
+    width: 100%; }
+
+.dropdown-selector {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  background-color: #ffffff;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 12px;
+  outline: none;
+  border: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  transition: border-radius 0.3s ease, box-shadow 0.3s ease; }
+  .dropdown-selector.w-100 {
+    width: 100%; }
+  .dropdown-selector.opened {
+    box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
+    border-radius: 8px 8px 0 0; }
+  .dropdown-selector:disabled {
+    pointer-events: none; }
+    .dropdown-selector:disabled .dropdown-selector-icon {
+      color: #828a82; }
+  .dropdown-selector .dropdown-selector-label {
+    font-size: 16px;
+    line-height: 24px;
+    margin-right: 8px;
+    color: #323c32;
+    font-weight: 600; }
+  .dropdown-selector .dropdown-selector-icon {
+    color: #3fa110;
+    display: flex;
+    align-items: center;
+    transition: transform 0.3s ease;
+    transform-origin: center center; }
+    .dropdown-selector .dropdown-selector-icon.opened {
+      transform: rotateZ(180deg); }
+    .dropdown-selector .dropdown-selector-icon svg {
+      height: 0.8em;
+      width: 0.8em; }
+
+.dropdown-selector-menu button {
+  width: 100%;
+  outline: none;
+  border: none;
+  border-radius: 0;
+  background-color: #fefefe;
+  font-size: 16px;
+  padding: 6px;
+  color: #323c32;
+  transition: background-color 0.3s ease, color 0.3s ease; }
+  .dropdown-selector-menu button:hover {
+    cursor: pointer;
+    background-color: #f8f9f7; }
+  .dropdown-selector-menu button:nth-last-child(1) {
+    border-radius: 0 0 8px 8px; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4672,6 +4874,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4850,6 +5053,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -4973,6 +5177,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5032,6 +5237,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5148,6 +5354,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5274,6 +5481,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5310,6 +5518,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5366,6 +5575,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5401,6 +5611,7 @@ max-width	100%	540px	720px	960px	1140px
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5552,6 +5763,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5790,6 +6002,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5840,6 +6053,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5877,6 +6091,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -5966,6 +6181,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6044,6 +6260,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6288,6 +6505,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6415,6 +6633,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6527,6 +6746,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6673,6 +6893,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6788,6 +7009,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6874,6 +7096,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -6955,6 +7178,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7007,6 +7231,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7103,6 +7328,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7200,6 +7426,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7270,6 +7497,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7321,6 +7549,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7495,6 +7724,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7573,6 +7803,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7610,6 +7841,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7655,6 +7887,7 @@ header.component-header {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7809,6 +8042,7 @@ table.component-table {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7864,6 +8098,7 @@ table.component-table {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -7927,6 +8162,7 @@ table.component-table {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8012,6 +8248,7 @@ table.component-table {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8113,8 +8350,8 @@ tr:first-child th:last-child {
       .component-table-with-overflow .component-table-with-overflow-wrapper th[data-draggable='true'],
       .component-table-with-overflow .component-table-with-overflow-wrapper td[data-draggable='true'] {
         -webkit-user-select: none;
-           -moz-user-select: none;
-                user-select: none;
+        -moz-user-select: none;
+        user-select: none;
         cursor: -webkit-grab;
         cursor: grab; }
       .component-table-with-overflow .component-table-with-overflow-wrapper table:active th[data-draggable='true'],
@@ -8126,17 +8363,20 @@ tr:first-child th:last-child {
       .component-table-with-overflow .component-table-with-overflow-wrapper .left-0 {
         left: 0;
         width: 8px;
-        height: 44px; }
+        min-height: 44px;
+        height: -webkit-fit-content;
+        height: -moz-fit-content;
+        height: fit-content; }
       .component-table-with-overflow .component-table-with-overflow-wrapper .right-0 {
         right: 0;
         width: 8px;
-        height: 44px; } }
+        min-height: 44px; } }
     .component-table-with-overflow .component-table-with-overflow-wrapper.no-result {
       padding-bottom: 44px; }
   .component-table-with-overflow .component-table-with-overflow-no-result {
     -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+    user-select: none;
     position: absolute;
     left: 0;
     width: 100%;
@@ -8163,6 +8403,7 @@ tr:first-child th:last-child {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8244,6 +8485,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8308,6 +8550,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8355,6 +8598,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8434,6 +8678,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8492,6 +8737,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8546,6 +8792,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8599,6 +8846,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8712,6 +8960,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8768,6 +9017,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8891,6 +9141,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -8977,6 +9228,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9048,6 +9300,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9095,6 +9348,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9138,6 +9392,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9184,6 +9439,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9296,6 +9552,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9323,6 +9580,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9380,6 +9638,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9508,6 +9767,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9549,6 +9809,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9575,12 +9836,15 @@ nav.component-tabs {
   max-width: calc(100% / 7);
   background-color: #fefefe;
   -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  user-select: none;
   display: flex;
   flex-direction: column;
+  z-index: 1;
   border-right: 1px solid #cdd3cd;
   border-bottom: 1px solid #cdd3cd; }
+  .calendar-month-day.disabled {
+    cursor: default; }
   .calendar-month-day .calendar-month-day-day {
     display: flex;
     align-items: center;
@@ -9618,6 +9882,10 @@ nav.component-tabs {
       box-shadow: 0 0 0 2px inset #d7e6c8; }
       .calendar-month-day.today.disabled .calendar-month-day-day {
         opacity: 0.4; }
+  .calendar-month-day:hover {
+    cursor: pointer; }
+  .calendar-month-day.default-cursor {
+    cursor: default; }
 
 .calendar-month-day:not(.pocket) {
   height: 125px;
@@ -9646,6 +9914,8 @@ nav.component-tabs {
       cursor: pointer; }
       .calendar-month-day:not(.pocket) button.calendar-month-day-button:not(:disabled):active span {
         transform: scale(0.95); }
+    .calendar-month-day:not(.pocket) button.calendar-month-day-button:disabled {
+      color: #828a82; }
     .calendar-month-day:not(.pocket) button.calendar-month-day-button svg {
       width: 13px;
       height: 13px;
@@ -9702,6 +9972,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9733,69 +10004,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
-  secondary: #828a82;
-  secondaryLight: #cdd3cd;
-  secondaryLighter: #f8f9f7;
-  danger: #e60000;
-  dangerLight: #ffb4b4;
-  dangerDark: #ab4745;
-  warning: #ffcd00;
-  warningLight: #ffeb98;
-  warningDark: #765f00; }
-
-.floating-panel-wrapper {
-  position: absolute;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  background-color: #ffffff; }
-  .floating-panel-wrapper .floating-panel {
-    position: fixed;
-    z-index: 987;
-    background-color: #fefefe;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    overflow: hidden; }
-    .floating-panel-wrapper .floating-panel.only-top {
-      border-radius: 8px 8px 0 0; }
-    .floating-panel-wrapper .floating-panel.only-bottom {
-      border-radius: 0 0 8px 8px; }
-    .floating-panel-wrapper .floating-panel.all {
-      border-radius: 8px; }
-    .floating-panel-wrapper .floating-panel.shadow {
-      box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3); }
-    .floating-panel-wrapper .floating-panel-enter {
-      transform: translateY(10px);
-      opacity: 0; }
-    .floating-panel-wrapper .floating-panel-enter-active {
-      transition: transform 0.3s ease, opacity 0.3s ease;
-      opacity: 1;
-      transform: translateY(0); }
-    .floating-panel-wrapper .floating-panel-exit {
-      opacity: 1;
-      transform: translateY(0); }
-    .floating-panel-wrapper .floating-panel-exit-active {
-      transition: transform 0.3s ease, opacity 0.3s ease;
-      transform: translateY(10px);
-      opacity: 0; }
-
-:export {
-  widthXs: 575.98px;
-  widthSm: 767.98px;
-  widthMd: 991.98px;
-  widthLg: 1199.98px; }
-
-:export {
-  white: #fefefe;
-  darkenWhite: #efefef;
-  black: #121212;
-  transparent: rgba(0, 0, 0, 0);
-  primary: #3fa110;
-  primaryDark: #33820d;
-  primaryLight: #d7e6c8;
-  secondaryDarker: #323c32;
-  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9861,6 +10070,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9873,6 +10083,8 @@ nav.component-tabs {
 
 .hour-events {
   width: 100%; }
+  .hour-events .scroll-arrow-overflow .scroll-arrow-overflow-overflow > * {
+    min-width: 135px; }
   .hour-events .hour-events-first-line {
     width: 100%;
     display: flex;
@@ -9930,6 +10142,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;
@@ -9985,6 +10198,7 @@ nav.component-tabs {
   primaryLight: #d7e6c8;
   secondaryDarker: #323c32;
   secondaryDark: #5a645a;
+  blueDarker: #2b517b;
   secondary: #828a82;
   secondaryLight: #cdd3cd;
   secondaryLighter: #f8f9f7;