guestbell-forms 3.0.38 → 3.0.40

package/build/dist/guestbell-forms.css

@@ -1,3 +1,6 @@
+/*!***************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/react-datepicker/dist/react-datepicker.css ***!
+  \***************************************************************************************************************************************/
 @charset "UTF-8";
 .react-datepicker__year-read-view--down-arrow,
 .react-datepicker__month-read-view--down-arrow,
@@ -73,11 +76,11 @@
 
 .react-datepicker {
   font-family: "Helvetica Neue", helvetica, arial, sans-serif;
-  font-size: 0.8rem;
+  font-size: 0.8em;
   background-color: #fff;
   color: #000;
   border: 1px solid #aeaeae;
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   display: inline-block;
   position: relative;
 }
@@ -90,8 +93,8 @@
 }
 .react-datepicker--time-only .react-datepicker__time,
 .react-datepicker--time-only .react-datepicker__time-box {
-  border-bottom-left-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem;
+  border-bottom-left-radius: 0.3em;
+  border-bottom-right-radius: 0.3em;
 }
 
 .react-datepicker__triangle {
@@ -131,7 +134,7 @@
   text-align: center;
   background-color: #f0f0f0;
   border-bottom: 1px solid #aeaeae;
-  border-top-left-radius: 0.3rem;
+  border-top-left-radius: 0.3em;
   padding: 8px 0;
   position: relative;
 }
@@ -144,7 +147,7 @@
   border-top-left-radius: 0;
 }
 .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
-  border-top-right-radius: 0.3rem;
+  border-top-right-radius: 0.3em;
 }
 
 .react-datepicker__year-dropdown-container--select,
@@ -154,7 +157,7 @@
 .react-datepicker__month-dropdown-container--scroll,
 .react-datepicker__month-year-dropdown-container--scroll {
   display: inline-block;
-  margin: 0 2px;
+  margin: 0 15px;
 }
 
 .react-datepicker__current-month,
@@ -163,7 +166,7 @@
   margin-top: 0;
   color: #000;
   font-weight: bold;
-  font-size: 0.944rem;
+  font-size: 0.944em;
 }
 
 .react-datepicker-time__header {
@@ -241,7 +244,7 @@
 }
 
 .react-datepicker__year {
-  margin: 0.4rem;
+  margin: 0.4em;
   text-align: center;
 }
 .react-datepicker__year-wrapper {
@@ -251,18 +254,18 @@
 }
 .react-datepicker__year .react-datepicker__year-text {
   display: inline-block;
-  width: 4rem;
+  width: 4em;
   margin: 2px;
 }
 
 .react-datepicker__month {
-  margin: 0.4rem;
+  margin: 0.4em;
   text-align: center;
 }
 .react-datepicker__month .react-datepicker__month-text,
 .react-datepicker__month .react-datepicker__quarter-text {
   display: inline-block;
-  width: 4rem;
+  width: 4em;
   margin: 2px;
 }
 
@@ -307,27 +310,27 @@
 .react-datepicker__time-container--with-today-button {
   display: inline;
   border: 1px solid #aeaeae;
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   position: absolute;
-  right: -72px;
+  right: -87px;
   top: 0;
 }
 .react-datepicker__time-container .react-datepicker__time {
   position: relative;
   background: white;
-  border-bottom-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3em;
 }
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
   width: 85px;
   overflow-x: hidden;
   margin: 0 auto;
   text-align: center;
-  border-bottom-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3em;
 }
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
   list-style: none;
   margin: 0;
-  height: calc(195px + (1.7rem / 2));
+  height: calc(195px + (1.7em / 2));
   overflow-y: scroll;
   padding-right: 0;
   padding-left: 0;
@@ -362,16 +365,16 @@
 .react-datepicker__week-number {
   color: #ccc;
   display: inline-block;
-  width: 1.7rem;
-  line-height: 1.7rem;
+  width: 1.7em;
+  line-height: 1.7em;
   text-align: center;
-  margin: 0.166rem;
+  margin: 0.166em;
 }
 .react-datepicker__week-number.react-datepicker__week-number--clickable {
   cursor: pointer;
 }
 .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   background-color: #f0f0f0;
 }
 
@@ -389,35 +392,10 @@
 .react-datepicker__time-name {
   color: #000;
   display: inline-block;
-  width: 1.7rem;
-  line-height: 1.7rem;
+  width: 1.7em;
+  line-height: 1.7em;
   text-align: center;
-  margin: 0.166rem;
-}
-
-.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
-.react-datepicker__quarter--selected,
-.react-datepicker__quarter--in-selecting-range,
-.react-datepicker__quarter--in-range {
-  border-radius: 0.3rem;
-  background-color: #216ba5;
-  color: #fff;
-}
-.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
-.react-datepicker__quarter--selected:hover,
-.react-datepicker__quarter--in-selecting-range:hover,
-.react-datepicker__quarter--in-range:hover {
-  background-color: #1d5d90;
-}
-.react-datepicker__month--disabled,
-.react-datepicker__quarter--disabled {
-  color: #ccc;
-  pointer-events: none;
-}
-.react-datepicker__month--disabled:hover,
-.react-datepicker__quarter--disabled:hover {
-  cursor: default;
-  background-color: transparent;
+  margin: 0.166em;
 }
 
 .react-datepicker__day,
@@ -430,7 +408,7 @@
 .react-datepicker__month-text:hover,
 .react-datepicker__quarter-text:hover,
 .react-datepicker__year-text:hover {
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   background-color: #f0f0f0;
 }
 .react-datepicker__day--today,
@@ -443,7 +421,7 @@
 .react-datepicker__month-text--highlighted,
 .react-datepicker__quarter-text--highlighted,
 .react-datepicker__year-text--highlighted {
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   background-color: #3dcc4a;
   color: #fff;
 }
@@ -475,7 +453,7 @@
 .react-datepicker__year-text--selected,
 .react-datepicker__year-text--in-selecting-range,
 .react-datepicker__year-text--in-range {
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   background-color: #216ba5;
   color: #fff;
 }
@@ -495,9 +473,9 @@
 .react-datepicker__month-text--keyboard-selected,
 .react-datepicker__quarter-text--keyboard-selected,
 .react-datepicker__year-text--keyboard-selected {
-  border-radius: 0.3rem;
-  background-color: #2a87d0;
-  color: #fff;
+  border-radius: 0.3em;
+  background-color: #bad9f1;
+  color: rgb(0, 0, 0);
 }
 .react-datepicker__day--keyboard-selected:hover,
 .react-datepicker__month-text--keyboard-selected:hover,
@@ -556,29 +534,25 @@
   background-color: transparent;
 }
 
-.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
-.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
-.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
-.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
-.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
-  background-color: #216ba5;
-}
-.react-datepicker__month-text:hover,
-.react-datepicker__quarter-text:hover {
-  background-color: #f0f0f0;
-}
-
 .react-datepicker__input-container {
   position: relative;
   display: inline-block;
   width: 100%;
 }
+.react-datepicker__input-container .react-datepicker__calendar-icon {
+  position: absolute;
+  padding: 0.5em;
+}
+
+.react-datepicker__view-calendar-icon input {
+  padding: 6px 10px 5px 25px;
+}
 
 .react-datepicker__year-read-view,
 .react-datepicker__month-read-view,
 .react-datepicker__month-year-read-view {
   border: 1px solid transparent;
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   position: relative;
 }
 .react-datepicker__year-read-view:hover,
@@ -612,7 +586,7 @@
   top: 30px;
   z-index: 1;
   text-align: center;
-  border-radius: 0.3rem;
+  border-radius: 0.3em;
   border: 1px solid #aeaeae;
 }
 .react-datepicker__year-dropdown:hover,
@@ -639,8 +613,8 @@
 .react-datepicker__year-option:first-of-type,
 .react-datepicker__month-option:first-of-type,
 .react-datepicker__month-year-option:first-of-type {
-  border-top-left-radius: 0.3rem;
-  border-top-right-radius: 0.3rem;
+  border-top-left-radius: 0.3em;
+  border-top-right-radius: 0.3em;
 }
 .react-datepicker__year-option:last-of-type,
 .react-datepicker__month-option:last-of-type,
@@ -649,8 +623,8 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  border-bottom-left-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem;
+  border-bottom-left-radius: 0.3em;
+  border-bottom-right-radius: 0.3em;
 }
 .react-datepicker__year-option:hover,
 .react-datepicker__month-option:hover,
@@ -728,22 +702,51 @@
 .react-datepicker__portal .react-datepicker__day-name,
 .react-datepicker__portal .react-datepicker__day,
 .react-datepicker__portal .react-datepicker__time-name {
-  width: 3rem;
-  line-height: 3rem;
+  width: 3em;
+  line-height: 3em;
 }
 @media (max-width: 400px), (max-height: 550px) {
   .react-datepicker__portal .react-datepicker__day-name,
-.react-datepicker__portal .react-datepicker__day,
-.react-datepicker__portal .react-datepicker__time-name {
-    width: 2rem;
-    line-height: 2rem;
+  .react-datepicker__portal .react-datepicker__day,
+  .react-datepicker__portal .react-datepicker__time-name {
+    width: 2em;
+    line-height: 2em;
   }
 }
 .react-datepicker__portal .react-datepicker__current-month,
 .react-datepicker__portal .react-datepicker-time__header {
-  font-size: 1.44rem;
+  font-size: 1.44em;
+}
+
+.react-datepicker__children-container {
+  width: 13.8em;
+  margin: 0.4em;
+  padding-right: 0.2em;
+  padding-left: 0.2em;
+  height: auto;
+}
+
+.react-datepicker__aria-live {
+  position: absolute;
+  clip-path: circle(0);
+  border: 0;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  width: 1px;
+  white-space: nowrap;
 }
 
+.react-datepicker__calendar-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+}
+
+/*!************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/lib/scss/index.scss ***!
+  \************************************************************************************************************************************************************************************************************************************************/
 .line-height--0 {
   line-height: 0 !important; }
 
@@ -926,8 +929,7 @@
     opacity: 0.5; }
   .input__base input:focus ~ .highlight,
   .input__base select:focus ~ .highlight {
-    -webkit-animation: inputHighlighter 0.3s ease;
-            animation: inputHighlighter 0.3s ease; }
+    animation: inputHighlighter 0.3s ease; }
   .input__base input:focus {
     outline: none; }
   .input__base input:disabled,
@@ -950,12 +952,6 @@
         fill: #10bdc7; }
 
 /* ANIMATIONS ================ */
-@-webkit-keyframes inputHighlighter {
-  from {
-    background: #10bdc7; }
-  to {
-    width: 0;
-    background: transparent; } }
 @keyframes inputHighlighter {
   from {
     background: #10bdc7; }
@@ -978,9 +974,7 @@
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  user-select: none;
   cursor: pointer;
   fill: #555555; }
   .guestbell-btn:focus {
@@ -1419,9 +1413,7 @@
     border: 2px solid #ffbbbb; }
   .input__base.checkbox-input label {
     top: 0;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    user-select: none;
     pointer-events: auto;
     position: relative;
     display: inline-block;
@@ -1651,7 +1643,7 @@ a.guestbell__dropdown-toggle {
 
 .input__header__top {
   position: relative;
-  padding: 1rem 0.5rem;
+  padding: 1rem;
   background-color: #f9f9f9;
   position: relative;
   display: flex;
@@ -1720,6 +1712,10 @@ a.guestbell__dropdown-toggle {
 .input__header__top--clickable {
   cursor: pointer; }
 
+@media (max-width: 768px) {
+  .input__header__top {
+    padding: 1rem 0.5rem; } }
+
 .input__base.money-input {
   display: flex;
   flex-wrap: wrap;
@@ -1755,13 +1751,11 @@ a.guestbell__dropdown-toggle {
     .input__base.money-input .money-input__text input {
       min-width: 40px;
       width: 100px; }
-      .input__base.money-input .money-input__text input::-moz-placeholder {
-        color: #999999; }
       .input__base.money-input .money-input__text input::placeholder {
         color: #999999; }
 
 .input__group__openingHoursDay {
-  /*.inputGroup__header {
+  /*.inputGroup__header {
   }*/ }
   .input__group__openingHoursDay:hover {
     background-color: rgba(0, 0, 0, 0.01); }
@@ -1772,13 +1766,13 @@ a.guestbell__dropdown-toggle {
   min-height: 77px;
   border-bottom: none !important;
   width: 100%;
-  /*&.input__base input:focus ~ label,
-  &.input__base .filled ~ label,
-  &.input__base select:focus ~ label,
-  &.input__base textarea:focus ~ label,
-  &.input__base label.label--focused,
-  &.input__base span.label-classname.label--focused {
-    left: 0;
+  /*&.input__base input:focus ~ label,
+  &.input__base .filled ~ label,
+  &.input__base select:focus ~ label,
+  &.input__base textarea:focus ~ label,
+  &.input__base label.label--focused,
+  &.input__base span.label-classname.label--focused {
+    left: 0;
   }*/ }
   .openingHoursDay-input .openingHoursDay-input__container {
     flex-direction: column;
@@ -1888,10 +1882,10 @@ a.guestbell__dropdown-toggle {
   text-align: right; }
 
 .input__base.openingHoursSpecial-input {
-  /*.input__group__openingHoursDay {
-    .inputGroup__header {
-      margin-top: 3.10rem;
-    }
+  /*.input__group__openingHoursDay {
+    .inputGroup__header {
+      margin-top: 3.10rem;
+    }
   }*/
   /* VALIDATION ======================================= */
   border: none !important;
@@ -2001,9 +1995,7 @@ a.guestbell__dropdown-toggle {
       border-radius: 50%; }
   .radio-input label {
     top: 0;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    user-select: none;
     pointer-events: auto;
     position: relative;
     display: inline-block;
@@ -2033,9 +2025,7 @@ a.guestbell__dropdown-toggle {
     border: none;
     width: 100%;
     max-height: 100px;
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
+    appearance: none;
     padding: 7px 10px 5px 5px;
     background-color: transparent; }
   .select-input .select-input__select__wrapper span.select-input__select {
@@ -2076,8 +2066,8 @@ a.guestbell__dropdown-toggle {
   display: inline-block;
   margin-top: 20px;
   max-width: 37.5rem;
-  /*align-items: center;
-  display: flex;
+  /*align-items: center;
+  display: flex;
   min-height: 2.25rem;*/ }
   .tags-input .tags-input__text-input {
     margin: 0;
@@ -2115,8 +2105,7 @@ a.guestbell__dropdown-toggle {
       width: initial; }
     .tags-input.tags-input--readOnly input:focus ~ .highlight,
     .tags-input.tags-input--readOnly select:focus ~ .highlight {
-      -webkit-animation: none;
-              animation: none; }
+      animation: none; }
     .tags-input.tags-input--readOnly .tags-input__tag__wrapper {
       min-height: 34px; }
   .tags-input.input__base label,
@@ -2148,20 +2137,20 @@ a.guestbell__dropdown-toggle {
   background-color: white; }
 
 .tags-input__suggestions {
-  /*position: absolute;
-  top: 100%;
-  left: 0;
+  /*position: absolute;
+  top: 100%;
+  left: 0;
   right: 0;*/
   background-color: white;
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.16);
   z-index: 999;
-  /*&.tags-input__suggestions--loading::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 2px;
+  /*&.tags-input__suggestions--loading::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
   }*/ }
   .tags-input__suggestions .tags-input__suggestion {
     text-transform: initial; }
@@ -2195,8 +2184,7 @@ a.guestbell__dropdown-toggle {
       width: initial; }
     .text-input.text-input--readOnly input:focus ~ .highlight,
     .text-input.text-input--readOnly select:focus ~ .highlight {
-      -webkit-animation: none;
-              animation: none; }
+      animation: none; }
   .text-input .text-input__textWrapper {
     width: 100%;
     display: flex;
@@ -2232,8 +2220,7 @@ a.guestbell__dropdown-toggle {
       width: initial; }
     .textArea-input.textArea-input--readOnly textarea:focus ~ .highlight,
     .textArea-input.textArea-input--readOnly select:focus ~ .highlight {
-      -webkit-animation: none;
-              animation: none; }
+      animation: none; }
   .textArea-input textarea {
     padding: 6px 10px 5px 5px;
     color: #555555;
@@ -2245,10 +2232,10 @@ a.guestbell__dropdown-toggle {
     display: block; }
 
 .tippy-tooltip.validation-theme {
-  /*background-color: $background-color;
-    border-top: 2px solid $input-validation-color;
+  /*background-color: $background-color;
+    border-top: 2px solid $input-validation-color;
     color: $input-validation-color;*/
-  /*background-color: $input-validation-color;
+  /*background-color: $input-validation-color;
   color: $input-text-color--white;*/
   min-width: 14rem; }
 
@@ -2555,9 +2542,17 @@ a.guestbell__dropdown-toggle {
   .bookingCalendar__table .bookingCalendar__laneHeaderContainer {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem; }
+  .bookingCalendar__table .bookingCalendar__laneHeaderContainer {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #eeeeee;
+    border-right: 1px solid black;
+    box-shadow: none; }
   .bookingCalendar__table .bookingCalendar__laneContainer--first,
   .bookingCalendar__table .bookingCalendar__laneHeaderContainer--first {
     padding-top: 1rem; }
+  .bookingCalendar__table .bookingCalendar__laneHeaderContainer--first {
+    border-top: 1px solid #eeeeee; }
   .bookingCalendar__table .bookingCalendar__laneContainer--last,
   .bookingCalendar__table .bookingCalendar__laneHeaderContainer--last {
     padding-bottom: 1rem; }
@@ -2565,7 +2560,12 @@ a.guestbell__dropdown-toggle {
   .bookingCalendar__table .bookingCalendar__lanesHeaderContainer,
   .bookingCalendar__table .bookingCalendar__lanesHeaderHeaderContainer,
   .bookingCalendar__table .bookingCalendar__laneHeaderContainer {
-    box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1); }
+    box-shadow: 1px 0 0 0 #eeeeee; }
+  .bookingCalendar__table .bookingCalendar__lanesHeaderHeaderContainer {
+    padding: 0.5rem;
+    display: flex;
+    align-items: center;
+    border-right: 1px solid black; }
   .bookingCalendar__table .bookingCalendar__laneContainer--last {
     border-bottom: 1px solid #eeeeee; }
 
@@ -2573,7 +2573,7 @@ a.guestbell__dropdown-toggle {
   display: flex;
   flex-direction: row;
   z-index: 1;
-  min-height: 3rem; }
+  min-height: 2rem; }
 
 .bookingCalendar__laneHeader {
   height: 100%;
@@ -2629,7 +2629,7 @@ a.guestbell__dropdown-toggle {
   position: absolute; }
 
 .bookingCalendar__lanesHeader {
-  /*box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15),
+  /*box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15),
     0px 2px 2px 0px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.08);*/ }
   .bookingCalendar__lanesHeader .bookingCalendar__item {
     display: flex;
@@ -2648,21 +2648,23 @@ a.guestbell__dropdown-toggle {
     width: 100%;
     text-align: end;
     text-transform: none;
-    border-left: 1px solid rgba(0, 0, 0, 0.2); }
+    border-left: 1px solid #eeeeee; }
   .bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText {
     opacity: 0.8; }
   .bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText--split {
     display: flex; }
     .bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText--split > span:first-child {
       margin-right: auto; }
+  .bookingCalendar__lanesHeader .bookingCalendar__item:first-of-type
+.bookingCalendar__lanesHeader__renderItem__button {
+    border-left: none; }
 
 .bookingCalendar__controls {
   display: flex;
-  padding: 1rem;
+  padding: 1rem 0;
   padding-bottom: 0.5rem;
   align-items: center; }
   .bookingCalendar__controls .bookingCalendar__controls__monthLabel {
-    font-weight: bold;
     display: flex;
     align-items: center; }
   .bookingCalendar__controls .bookingCalendar__controls__buttonsContainer {
@@ -2672,6 +2674,7 @@ a.guestbell__dropdown-toggle {
   .bookingCalendar__controls .bookingCalendar__controls__zoomLevelsContainer {
     margin-left: auto; }
   .bookingCalendar__controls .bookingCalendar__controls__zoomLevelsButton {
+    text-transform: none;
     display: flex;
     align-items: center; }
     .bookingCalendar__controls .bookingCalendar__controls__zoomLevelsButton svg {
@@ -2682,7 +2685,8 @@ a.guestbell__dropdown-toggle {
   height: 100%; }
   .bookingCalendar__datePicker .bookingCalendar__datePicker__button {
     height: 100%;
-    width: 100%; }
+    width: 100%;
+    text-transform: none; }
 
 .bookingCalendar__timeAxis {
   padding-top: 0.5rem;
@@ -2691,28 +2695,17 @@ a.guestbell__dropdown-toggle {
   .bookingCalendar__timeAxis svg {
     overflow: visible; }
 
-/*.bookingCalendar__timeAxis__item {
-  position: absolute;
-  display: inline-block;
-  transform: rotate(75deg);
+/*.bookingCalendar__timeAxis__item {
+  position: absolute;
+  display: inline-block;
+  transform: rotate(75deg);
 }*/
-@-webkit-keyframes fadeIn {
-  from {
-    opacity: 0; }
-  to {
-    opacity: 1; } }
 @keyframes fadeIn {
   from {
     opacity: 0; }
   to {
     opacity: 1; } }
 
-@-webkit-keyframes fadeOut {
-  from {
-    opacity: 1; }
-  to {
-    opacity: 0; } }
-
 @keyframes fadeOut {
   from {
     opacity: 1; }
@@ -2731,21 +2724,14 @@ a.guestbell__dropdown-toggle {
   background-color: rgba(0, 0, 0, 0.2);
   border: 1px dashed white;
   position: absolute;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
-  -webkit-animation-name: fadeIn;
-          animation-name: fadeIn;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none; }
+  animation-duration: 0.2s;
+  animation-name: fadeIn;
+  user-select: none; }
 
 .bookingCalendar__selection--fadeout {
-  -webkit-animation-duration: 0.3s;
-          animation-duration: 0.3s;
-  -webkit-animation-name: fadeOut;
-          animation-name: fadeOut;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards; }
+  animation-duration: 0.3s;
+  animation-name: fadeOut;
+  animation-fill-mode: forwards; }
 
 
 /*# sourceMappingURL=guestbell-forms.css.map*/