@protacon/muster-booking-frontend 1.29.0 → 1.31.0

package/dist/styles.bundle.css

@@ -1,4 +1,3 @@
-
 .summary-component-container {
 	display: flex;
 	justify-content: space-between;
@@ -28,11 +27,12 @@ nav.disabled {
 	font-weight: 700;
 	font-size: 32px;
 	line-height: 39px;
+	margin-bottom: 16px;
 }
 
 .nav-text {
 	margin: 0px 24px 0px 4px;
-	color: #B9BEC1;
+	color: #b9bec1;
 	text-decoration: underline;
 	margin: auto;
 }
@@ -41,14 +41,29 @@ nav.disabled {
 	fill: white;
 }
 
+.back-icon-button {
+	display: none;
+}
+
 .back-icon {
 	display: none;
 }
 
 @media (max-width: 991px) {
+	.back-icon-button {
+		display: inline;
+		border: none;
+		background: none;
+		padding: 0px;
+		margin: 0px;
+		width: auto;
+		height: auto;
+		margin-bottom: 16px;
+	}
+
 	.back-icon {
 		display: inline;
-		fill: #CCCCCC;
+		fill: #cccccc;
 	}
 	.summary-component-container {
 		justify-content: flex-start;
@@ -71,19 +86,23 @@ nav.disabled {
 
 .nav-button-booking {
 	display: inline-block;
-    font-weight: 400;
-    text-align: center;
-    vertical-align: middle;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    border: 1px solid transparent;
-    font-size: 1rem;
-    line-height: 1.5;
-    border-radius: .25rem;
-    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-	background-color: #B9BEC1;
+	font-weight: 400;
+	text-align: center;
+	vertical-align: middle;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	border: 1px solid transparent;
+	font-size: 1rem;
+	line-height: 1.5;
+	border-radius: 0.25rem;
+	transition:
+		color 0.15s ease-in-out,
+		background-color 0.15s ease-in-out,
+		border-color 0.15s ease-in-out,
+		box-shadow 0.15s ease-in-out;
+	background-color: #b9bec1;
 	width: 24px;
 	height: 24px;
 	padding: 0px;
@@ -92,7 +111,7 @@ nav.disabled {
 }
 
 .summary-component nav.active .nav-button-booking {
-	background-color: #95C01F;
+	background-color: #95c01f;
 }
 
 .nav-button-booking:hover {
@@ -100,7 +119,7 @@ nav.disabled {
 }
 
 .nav-button-booking.disabled {
-	background-color: #E3E3E3;
+	background-color: #e3e3e3;
 }
 
 .summary-component nav.active .nav-text {
@@ -109,7 +128,7 @@ nav.disabled {
 }
 
 .summary-component nav.disabled .nav-text {
-	color: #E3E3E3;
+	color: #e3e3e3;
 	text-decoration: none;
 }
 
@@ -143,12 +162,12 @@ nav.disabled {
 }
 
 .form-check-container {
-    position: relative;
-    display: block;
+	position: relative;
+	display: block;
 	margin-bottom: 1rem;
-	background-color: #b9bec110 ;
+	background-color: #b9bec110;
 	border-radius: 5px;
-    border: 1px solid #B9BEC1;
+	border: 1px solid #b9bec1;
 	color: #000000;
 	padding: 9px;
 	padding-left: 3rem;
@@ -172,45 +191,45 @@ nav.disabled {
 	margin-right: 20px;
 }
 
-.input-label{
+.input-label {
 	font-weight: 600;
 }
 
-.header{
+.header {
 	font-weight: 600;
 	font-size: 12px;
 	line-height: 16px;
 }
 
-.vehicle-plate-number{
+.vehicle-plate-number {
 	margin: 0px;
 	font-weight: 600;
 	color: black;
 }
 
-.vehicle-description{
+.vehicle-description {
 	margin: 0px;
 	font-weight: 200;
-	color: #7E7A7A;
+	color: #7e7a7a;
 }
 
-.description{
+.description {
 	margin: 0px;
-	color: #7E7A7A;
+	color: #7e7a7a;
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 17px;
 }
 
-.description{
+.description {
 	margin: 0px;
-	color: #7E7A7A;
+	color: #7e7a7a;
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 17px;
 }
 
-.header-text{
+.header-text {
 	color: #000000;
 	font-weight: 700;
 	font-size: 14px;
@@ -225,7 +244,7 @@ nav.disabled {
 	font-weight: 700;
 }
 
-input[type="radio"] {
+input[type='radio'] {
 	appearance: none;
 	-webkit-appearance: none;
 	-moz-appearance: none;
@@ -236,12 +255,12 @@ input[type="radio"] {
 	border: 1px solid #b9bec1;
 }
 
-input[type="radio"]:checked {
-	background-color: #3A7203;
-	border: #3A7203;
+input[type='radio']:checked {
+	background-color: #3a7203;
+	border: #3a7203;
 }
 
-input[type="radio"]:checked::before {
+input[type='radio']:checked::before {
 	content: '';
 	display: block;
 	border-radius: 50%;
@@ -262,7 +281,7 @@ input[type="radio"]:checked::before {
 }
 
 .vehicle-step-component .plate-container {
-	background-color: #1345AD;
+	background-color: #1345ad;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA1CAYAAAAgYencAAAAAXNSR0IArs4c6QAABJFJREFUWAntmEtoVUcYx79zcxNjjUYTpbUIolhJUbEqdCEWAm0RSqtY0UVMbVftwtfC16LgRlB3pW4q2k0f1rqx0AdFBMGFFAoVX4ggoUJam5qbHI1GTbw54+873nOdc3IfufdOwJZM+Gdmvvnme51vHndEaijGl6VmQNpqECFeucnGSNrzJGvzQauTftlMvRYJjz0jP0mrHIdvJOJjrJ7+46hfdW0ysg5PX0sKMHdkxUhGjML0yaJR4xn5FCMakvRkP50kRH2dHPiyzwSyAb8GUfKttMhneGVCnkAa8X4/7Ubi0Zifd09mBcNyAKZ1RKnd9Mthr4UIVVOYvCTok0CBQVNtGfTzn492KjbWL5/k5l226YXaRSMQMhtp8lLSLoG8KAPyErR7kZB8JCDQDiJ6WBvxvbQsJHLvq6E2b4zvuesQ8k4snjxehmmygpW2/PA7oriZIG41nmwieX5PGfnRmymnbMZa2mGO+PIx9VpSuBGlp1i2X/Bpni1vltoHuqSCjPwDYz6ra1Fsz0X+3PyyJbmjsVgSksrryaa3sTCf4RGjg3pGKiV7iPQQspodyPu/iRiP714sRraucAczgzKbbXNrsQnO6b5sM/fZ3LRw2HzEtnmJ7L890idHsC625bpUzh4wDR1H0dcLLqJ7cyifTgYMsR+841JhIVksxzWqC4d7dDwdbkJGtkha/mBbmFdoklNaIA+9Oi4xRlYR7Sansv/7wvg+08fTC0JeD6bYOmIXicDIHjJ1js3gtO3LW0ISjpKpicjyOEFmPiBDu+lvGsVUAwGvUzi2D9l9wOdQOgQtdg4JDBsw4F8Y/qpBV9GpuvEgfxAMmLvySsRoW/E316+F3O5WYN1kzuqHEZOTOsv1rkGWcRpm+Rv7cc/1e8aocI3BIsPteAxs8dtswQmBbOSceLPgWAkiV/ODhLqlBEvpIbxuIDE/55s90m9HYu6FFruoqJfJpas08uhXkGXeLea9V0pTbBnajOTAcKpOvoLmozZLrI5CC3+UYEhdGOJh6YTSwe/DmdBCWd5U6eWn2i/Q/2Ref9U/StQY/eEJWsmDecn9gf6u/B0vI9tt4znlXsegerzX/T4WNZuvpjbC9VfTFcJ8nW+9oCZh1UzWSwzeTQIvhBeaaoRMzJmIwEQEiEBVm4Qx5mXmdgB9G5oN9DHqNjgLvudFIv9YRd9tQTmvY2YIFCvnGCj7OBVZVVEEEKw73jVQD26Br0Ev0EeNN8BqoGUHUTj8tOnwPwbstNxenBTN2AWQBT8nx4r17RtRMR6bbp/vGXtA23i9PEkr16/UgJuWwNN4+iX9q6ALdGPA0zdEi8lpE4XNoAcUKj7E78CrTpUmhaFgPjgJ7oNC5S7Epcl5zvsoSYM28C7YDc6DqPzgXGE5gWj2wG85C7rL8UfjRe+EEYNdI7wDnMgh9qCZS0BNSC26T7gvKP4QRKXT1gCxCXTlBs/YY6Xale6E+qBwE7QCfe/7BqjXuj/o2RDdDTuJyHH67gsetoPBnKeFqiOVaK0oApFgtOoJuBPozjcX6HvPDXAMz89Tj7k8AZELs/xsqJEPAAAAAElFTkSuQmCC');
 	background-repeat: no-repeat;
 	background-position: 9px center;
@@ -292,7 +311,7 @@ input[type="radio"]:checked::before {
 	position: relative;
 }
 .icon-booking-vehicle {
- color: #000000;
+	color: #000000;
 }
 
 .vehicle-info {
@@ -334,14 +353,14 @@ input[type="radio"]:checked::before {
 
 .vehicle-button {
 	padding: 8px 8px 0px;
-  margin: 5px 0px;
-  border: 2px solid #D1D1D1;
-  border-radius: 8px;
-  cursor: pointer;
-	background-color: #FDFDFD;
-  font-size: 12px;
+	margin: 5px 0px;
+	border: 2px solid #d1d1d1;
+	border-radius: 8px;
+	cursor: pointer;
+	background-color: #fdfdfd;
+	font-size: 12px;
 	line-height: 1;
-  text-align: center;
+	text-align: center;
 	display: block;
 	float: left;
 	width: 32%;
@@ -349,11 +368,11 @@ input[type="radio"]:checked::before {
 }
 
 .vehicle-button p {
-    color: #3F3E4C;
+	color: #3f3e4c;
 }
 
 .vehicle-button.selected p {
-	color: #3A7203;
+	color: #3a7203;
 }
 
 .vehicle-button svg {
@@ -367,10 +386,10 @@ input[type="radio"]:checked::before {
 }
 
 .vehicle-button.selected {
-	border-color: #3A7203;
-	background-color: #95C01F10;
+	border-color: #3a7203;
+	background-color: #95c01f10;
 	font-weight: bold;
-	fill: #3A7203;
+	fill: #3a7203;
 }
 
 .info-container,
@@ -419,7 +438,7 @@ input[type="radio"]:checked::before {
 		height: 48px;
 	}
 
-	.header-text{
+	.header-text {
 		margin: 0;
 		margin-top: 8px;
 		margin-bottom: 8px;
@@ -464,17 +483,18 @@ input[type="radio"]:checked::before {
 }
 
 @media screen and (min-width: 768px) {
-    .search-reservation-component #or-paragraph {
-        text-align: center;
-        margin-top: 1rem;
-    }
+	.search-reservation-component #or-paragraph {
+		text-align: center;
+		margin-top: 1rem;
+	}
 }
 
 @media screen and (max-width: 767px) {
-    .search-reservation-component #last-name {
-        margin-bottom: 0;
-    }
+	.search-reservation-component #last-name {
+		margin-bottom: 0;
+	}
 }
+
 .button-container-div {
 	display: flex;
 	justify-content: space-between;
@@ -498,23 +518,23 @@ button {
 }
 
 .next-button {
-	background: #8AC100;
+	background: #8ac100;
 	border: none;
 }
 
 .return-to-start-button {
-	background: #8AC100;
+	background: #8ac100;
 	width: auto;
 }
 
 .next-button:disabled {
-	background: #E3E3E3;
+	background: #e3e3e3;
 	color: #000000;
 	border: none;
 }
 
 .next-button:hover {
-	background: #E3E3E3;
+	background: #e3e3e3;
 	color: #000000;
 	border: none;
 }
@@ -524,7 +544,6 @@ button {
 		display: flex;
 		justify-content: space-between;
 		margin-top: 0;
-		margin-left: -16px;
 		width: 100vw;
 		overflow-x: visible;
 		height: 89px;
@@ -545,6 +564,7 @@ button {
 		font-size: small;
 	}
 }
+
 .list-remark {
 	margin: 0;
 }
@@ -555,7 +575,7 @@ button {
 
 .station-list-pin {
 	height: 40px;
-	margin: 0px 8px
+	margin: 0px 8px;
 }
 
 .station-step-component {
@@ -614,30 +634,29 @@ button {
 	font-size: 14px;
 }
 
-
 .selected-component {
-	background-color: #95c01f10 ;
-    border: 1px solid #3A7203;
-	color: #3A7203;
+	background-color: #95c01f10;
+	border: 1px solid #3a7203;
+	color: #3a7203;
 }
 
-input[type="checkbox"] {
-	accent-color: #3A7203;
+input[type='checkbox'] {
+	accent-color: #3a7203;
 	height: 20px;
 	width: 20px;
 }
 
 /*For pagination component*/
 .page-link {
-	color: #3A7203 !important;
+	color: #3a7203 !important;
 }
 
 /*For pagination component*/
 .page-item.active .page-link {
-    z-index: auto !important;
-    color: #fff !important;
-    background-color: #3A7203 !important;
-    border-color: #3A7203 !important;
+	z-index: auto !important;
+	color: #fff !important;
+	background-color: #3a7203 !important;
+	border-color: #3a7203 !important;
 }
 
 .map-button {
@@ -648,7 +667,7 @@ input[type="checkbox"] {
 	box-shadow: none;
 }
 
-@media screen and (max-width: 991px) {
+@media screen and (max-width: 991px), (max-height: 500px) {
 	.row-container-left {
 		width: 100%;
 		height: auto;
@@ -664,12 +683,14 @@ input[type="checkbox"] {
 	.row-container-right.show-map {
 		display: flex;
 		height: 50vh;
+		min-height: 300px;
 		width: 100%;
 		padding: 0px;
 	}
 	.station-step-component {
 		flex-direction: column;
 		height: auto;
+		overflow: auto;
 	}
 	.map-button {
 		display: inline-block;
@@ -682,6 +703,7 @@ input[type="checkbox"] {
 		margin-left: 16px;
 	}
 }
+
 .time-step-component {
 	width: 100%;
 	height: 100%;
@@ -692,7 +714,7 @@ input[type="checkbox"] {
 
 .search-time-slot {
 	width: auto;
-	background: #8AC100;
+	background: #8ac100;
 }
 
 .react-datepicker {
@@ -708,7 +730,7 @@ input[type="checkbox"] {
 }
 
 .time-step-component-header {
-	border-top: 1px solid #E9E9E9;
+	border-top: 1px solid #e9e9e9;
 	display: flex;
 	justify-content: space-between;
 	align-items: baseline;
@@ -730,8 +752,8 @@ input[type="checkbox"] {
 
 .time-step-table {
 	width: 100%;
-	border-top: 1px solid #E9E9E9;
-	border-bottom: 2px solid #E9E9E9;
+	border-top: 1px solid #e9e9e9;
+	border-bottom: 2px solid #e9e9e9;
 }
 
 .weekday-header {
@@ -746,7 +768,7 @@ input[type="checkbox"] {
 	left: 20px;
 	right: 20px;
 	padding: 20px;
-	background: #95C01F;
+	background: #95c01f;
 	border-radius: 7px;
 	cursor: pointer;
 	font-size: 18px;
@@ -758,12 +780,13 @@ input[type="checkbox"] {
 	vertical-align: top;
 }
 
-.weekday-header, .table-header-buttons {
+.weekday-header,
+.table-header-buttons {
 	padding-top: 32px;
 }
 
 .time-row {
-	border-top: 1px solid #E9E9E9;
+	border-top: 1px solid #e9e9e9;
 	height: 43px;
 }
 
@@ -791,27 +814,27 @@ input[type="checkbox"] {
 }
 
 .sort-button {
-    color: #95C01F !important;
+	color: #95c01f !important;
 	height: auto;
 	width: auto;
-    padding: 0 5px 0 5px;
-    background-color: transparent !important;
-    border: none;
+	padding: 0 5px 0 5px;
+	background-color: transparent !important;
+	border: none;
 	margin: auto;
-    margin-right: 2px;
-    display: flex;
+	margin-right: 2px;
+	display: flex;
 	justify-content: space-between;
 }
 
 .sort-dropdown {
 	height: 20px;
-    margin: auto;
-    margin-right: 2px;
-    margin-bottom: 24px;
+	margin: auto;
+	margin-right: 2px;
+	margin-bottom: 24px;
 }
 
 .slot {
-	border: 2px solid #D8D8D8;
+	border: 2px solid #d8d8d8;
 	border-radius: 2px;
 	min-height: 32px;
 	font-weight: 500;
@@ -819,9 +842,9 @@ input[type="checkbox"] {
 }
 
 .slot-unavailable {
-	border: 2px solid #D8D8D8;
+	border: 2px solid #d8d8d8;
 	border-radius: 2px;
-	background: #D8D8D8;
+	background: #d8d8d8;
 	height: 32px;
 }
 
@@ -833,11 +856,11 @@ input[type="checkbox"] {
 }
 
 .slot-header.slot-cheap {
-	color: #8E2F2F;
+	color: #8e2f2f;
 }
 
 .slot-header-icon {
-	fill: #95C01F;
+	fill: #95c01f;
 	position: absolute;
 	left: 2px;
 	top: 2px;
@@ -858,7 +881,7 @@ input[type="checkbox"] {
 	justify-content: space-between;
 }
 
-.slot-left{
+.slot-left {
 	display: flex;
 	flex-direction: row;
 }
@@ -891,7 +914,7 @@ input[type="checkbox"] {
 }
 
 .slot-option.slot-cheap .slot-price {
-	color: #8E2F2F;
+	color: #8e2f2f;
 }
 
 .slot-button {
@@ -904,7 +927,7 @@ input[type="checkbox"] {
 	border-radius: 7px 7px 0 0;
 	font-size: 1em;
 	width: 100%;
-	background-color: #F9F9F9;
+	background-color: #f9f9f9;
 }
 .react-datepicker__header {
 	padding-top: 0.8em;
@@ -945,19 +968,21 @@ input[type="checkbox"] {
 .react-datepicker__current-month {
 	font-size: 1em;
 	display: inline-flex;
-    width: 75%;
-    justify-content: space-around;
+	width: 75%;
+	justify-content: space-around;
 }
 .react-datepicker__navigation {
 	top: 1em;
 	line-height: 1.7em;
-	border: 0.60em solid transparent;
+	border: 0.6em solid transparent;
+	height: 1vh;
+	width: 1vw;
 }
 .react-datepicker__navigation--previous {
 	border-right-color: #000;
 	left: 1em;
 }
-.react-datepicker__navigation--next{
+.react-datepicker__navigation--next {
 	border-left-color: #000;
 	right: 1em;
 }
@@ -968,12 +993,12 @@ input[type="checkbox"] {
 	outline: none;
 }
 .react-datepicker__day--selected {
-	background-color: #95C01F;
+	background-color: #95c01f;
 	padding: 0 !important;
 	width: 14% !important;
 }
 .react-datepicker__day--selected:hover {
-	background-color: #3A7203;
+	background-color: #3a7203;
 }
 
 .day-with-price {
@@ -981,12 +1006,12 @@ input[type="checkbox"] {
 	height: 76px;
 	border: 2px solid transparent;
 	border-radius: 4px;
-    display: flex;
-    flex-direction: column;
+	display: flex;
+	flex-direction: column;
 }
 
 .selected-day {
-	border: 2px solid #3A7203;
+	border: 2px solid #3a7203;
 	border-radius: 4px;
 }
 
@@ -1033,7 +1058,7 @@ input[type="checkbox"] {
 	flex-direction: column;
 	width: 50%;
 	height: 100%;
-	overflow-y: hidden;
+	overflow-y: auto;
 	padding-right: 32px;
 }
 @media (max-height: 991px) {
@@ -1055,7 +1080,7 @@ input[type="checkbox"] {
 		font-size: 16px;
 		cursor: pointer;
 		display: inline-block;
-		color: #3A7203
+		color: #3a7203;
 	}
 	.day-with-price {
 		height: 50px;
@@ -1107,7 +1132,6 @@ input[type="checkbox"] {
 	.calendar {
 		display: none;
 	}
-
 }
 
 @media screen and (max-width: 767px) {
@@ -1133,20 +1157,21 @@ input[type="checkbox"] {
 .confirm-bookin-button {
 	width: auto;
 }
+
 .summary-component .card-header {
 	display: flex;
 	justify-content: center;
 	align-items: bottom;
 	text-transform: uppercase;
 	border-bottom: none;
-	color: #B1B1B1;
+	color: #b1b1b1;
 	letter-spacing: 3px;
 	font-size: 14px;
 }
 
 .summary-component.list-wrapper {
-	border-top: 1px solid rgba(0,0,0,.125);
-	border-bottom: 1px solid rgba(0,0,0,.125);
+	border-top: 1px solid rgba(0, 0, 0, 0.125);
+	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 	margin: 16px 0;
 	flex-flow: column;
 }
@@ -1193,6 +1218,7 @@ input[type="checkbox"] {
 .edit-button {
 	height: auto;
 }
+
 .confirmation-step-component .confirmation-step-confirm-icon {
 	width: 38px;
 	height: 38px;
@@ -1206,7 +1232,7 @@ input[type="checkbox"] {
 }
 
 .confirmation-calendar-button {
-	background-color: #8AC100;
+	background-color: #8ac100;
 	margin-bottom: 16px;
 	margin-top: 16px;
 	width: auto;
@@ -1219,12 +1245,11 @@ input[type="checkbox"] {
 @media screen and (max-width: 767px) {
 	.confirmation-step-confirmation {
 		display: flex;
-    	flex-direction: column;
-    	align-items: center;
+		flex-direction: column;
+		align-items: center;
 	}
 }
 
-
 .insurance {
 	font-family: Inter, sans-serif;
 	font-size: 18px;
@@ -1256,8 +1281,10 @@ input[type="checkbox"] {
 	flex-direction: row;
 }
 .insurance .card-header {
-	font-family: Azbuka W01 Bold,"sans-serif";
-    color: #b1b1b1;
+	font-family:
+		Azbuka W01 Bold,
+		'sans-serif';
+	color: #b1b1b1;
 	text-align: center;
 }
 .insurance h6 {
@@ -1273,7 +1300,7 @@ input[type="checkbox"] {
 	max-width: 200px;
 }
 .insurance.d-md-none {
-	border:2px solid #e8e8e8;
+	border: 2px solid #e8e8e8;
 	border-radius: 4px;
 	max-width: none;
 	margin-top: 20px;
@@ -1327,45 +1354,38 @@ input[type="checkbox"] {
 		justify-content: center;
 	}
 }
+
 .modify-reservation-component .invalid-feedback {
-    display: block;
+	display: block;
 	font-size: 16px;
 	font-weight: 700;
 }
 
 .cancel-booking-button {
-    width: auto;
+	width: auto;
 }
 
 @media screen and (max-width: 767px) {
-    .modify-reservation-component .title {
-        font-size: 1.5rem;
-    }
+	.modify-reservation-component .title {
+		font-size: 1.5rem;
+	}
 }
+
 body {
 	background: white;
 	font-size: 16px;
 	font-family: Inter, sans-serif;
 }
 
-@font-face {
-	font-display: block;
-	font-family: Azbuka W01 Bold;
-	src: url(/fonts/azbuka.eot);
-	src: url(/fonts/azbuka.eot?#iefix) format("embedded-opentype"),
-		url(/fonts/azbuka.woff2) format("woff2"),
-		url(/fonts/azbuka.woff) format("woff"),
-		url(/fonts/azbuka.ttf) format("truetype"),
-		url("/fonts/azbuka.woff#Azbuka W01 Bold") format("svg");
-}
-
 .full-width-input {
-    width: 100% !important;
+	width: 100% !important;
 }
 
 .booking-component h5 {
 	color: #b1b1b1;
-	font-family: Azbuka W01 Bold, "sans-serif";
+	font-family:
+		Azbuka W01 Bold,
+		'sans-serif';
 	font-size: 18px;
 }
 
@@ -1375,12 +1395,16 @@ body {
 }
 
 .booking-component h2 {
-	font-family: Azbuka W01 Bold,"sans-serif";
+	font-family:
+		Azbuka W01 Bold,
+		'sans-serif';
 	font-size: 33px;
 }
 
 .booking-component .plate-input-booking {
-	font-family: Azbuka W01 Bold, "sans-serif";
+	font-family:
+		Azbuka W01 Bold,
+		'sans-serif';
 	font-size: 50px;
 	letter-spacing: 2px;
 	text-align: center;
@@ -1388,131 +1412,145 @@ body {
 }
 
 .summary-component {
-	font-family: Azbuka W01 Bold, "sans-serif";
+	font-family:
+		Azbuka W01 Bold,
+		'sans-serif';
 }
 
 .time-step-component h4 {
 	color: #b1b1b1;
-	font-family: Azbuka W01 Bold,"sans-serif";
+	font-family:
+		Azbuka W01 Bold,
+		'sans-serif';
 	font-size: 18px;
 	text-transform: uppercase;
 }
 
 .title {
-	margin-top: .5rem;
+	margin-top: 0.5rem;
 }
 
 .form-check-input-booking {
-    position: absolute;
-    margin-top: .3rem;
-    margin-left: -2.25rem
+	position: absolute;
+	margin-top: 0.3rem;
+	margin-left: -2.25rem;
 }
 
 .btn-booking {
-    display: inline-block;
-    font-weight: 400;
-    text-align: center;
-    vertical-align: middle;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    border: 1px solid transparent;
-    padding: .375rem .75rem;
-    line-height: 1.5;
-    border-radius: .25rem;
-    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
-}
-
-.btn-booking:disabled, .btn-booking:disabled:hover{
-    background-color: #E3E3E3 !important;
-    color: #495057 !important;
-    border: none;
-}
-
-.input-group-booking>.custom-file,.input-group-booking>.custom-select,.input-group-booking>.form-control-booking,.input-group-booking>.form-control-plaintext {
-    position: relative;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-    width: 1%;
-    min-width: 0;
-    margin-bottom: 0
+	display: inline-block;
+	font-weight: 400;
+	text-align: center;
+	vertical-align: middle;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	border: 1px solid transparent;
+	padding: 0.375rem 0.75rem;
+	line-height: 1.5;
+	border-radius: 0.25rem;
+	transition:
+		color 0.15s ease-in-out,
+		background-color 0.15s ease-in-out,
+		border-color 0.15s ease-in-out,
+		box-shadow 0.15s ease-in-out;
+}
+
+.btn-booking:disabled,
+.btn-booking:disabled:hover {
+	background-color: #e3e3e3 !important;
+	color: #495057 !important;
+	border: none;
+}
+
+.input-group-booking > .custom-file,
+.input-group-booking > .custom-select,
+.input-group-booking > .form-control-booking,
+.input-group-booking > .form-control-plaintext {
+	position: relative;
+	-ms-flex: 1 1 auto;
+	flex: 1 1 auto;
+	width: 1%;
+	min-width: 0;
+	margin-bottom: 0;
 }
 
 .form-control-booking {
-    display: flex;
-    width: auto;
-    height: 56px;
-    border-radius: 5px;
-    padding: .375rem .75rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #495057;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #ced4da;
-    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+	display: flex;
+	width: auto;
+	height: 56px;
+	border-radius: 5px;
+	padding: 0.375rem 0.75rem;
+	font-size: 1rem;
+	font-weight: 400;
+	line-height: 1.5;
+	color: #495057;
+	background-color: #fff;
+	background-clip: padding-box;
+	border: 1px solid #ced4da;
+	transition:
+		border-color 0.15s ease-in-out,
+		box-shadow 0.15s ease-in-out;
 }
 
 .campaign-code {
-    border-radius: 5px 0 0 5px;
+	border-radius: 5px 0 0 5px;
 }
 
 .is-invalid {
-    border-color: #dc3545;
+	border-color: #dc3545;
 }
 
 .input-group-booking {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: stretch;
-    width: 100%;
-    flex: 1 1 auto;
+	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: stretch;
+	width: 100%;
+	flex: 1 1 auto;
 }
 
-input[type="checkbox"].form-check-input-booking {
+input[type='checkbox'].form-check-input-booking {
 	margin-left: -3.25rem;
 }
 
 .booking-component {
-    width: 100%;
-    height: auto;
-    max-height: calc(100vh - 180px);;
-    display: flex;
-    overflow: hidden;
-    flex-direction: column;
+	width: 100%;
+	height: auto;
+	max-height: calc(100vh - 180px);
+	display: flex;
+	overflow: hidden;
+	flex-direction: column;
 }
 
 .booking-component-body {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    overflow: hidden;
-    width: 100%;
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	overflow: hidden;
+	width: 100%;
 }
 
 .btn-apply-booking {
-    background: #8AC100;
-    border: none;
-    border-radius: 0 5px 5px 0;
-    color: #ffffff;
-    font-weight: 700;
-    font-size: 16px;
-    line-height: 24px;
-    padding: 16px;
-    width: auto;
-    height: 56px;
+	background: #8ac100;
+	border: none;
+	border-radius: 0 5px 5px 0;
+	color: #ffffff;
+	font-weight: 700;
+	font-size: 16px;
+	line-height: 24px;
+	padding: 16px;
+	width: auto;
+	height: 56px;
 }
 
 .booking-component-body-div {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    overflow-y: auto;
-    width: 100%;
-    height: 825px;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	overflow-y: auto;
+	width: 100%;
+	height: 825px;
 }
 
 .button-container {
@@ -1523,58 +1561,63 @@ input[type="checkbox"].form-check-input-booking {
 }
 
 ::-webkit-scrollbar {
-    width: 16px;
+	width: 16px;
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #888;
-    border-left: 12px white solid;
+	background: #888;
+	border-left: 12px white solid;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: #555;
+	background: #555;
 }
 
 .loader {
-    margin: auto;
-    border: 16px solid #f3f3f3;
-    border-top: 16px solid #95C01F;
-    border-radius: 50%;
-    width: 120px;
-    height: 120px;
-    animation: spin 2s linear infinite;
-  }
-
-  @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-  }
+	margin: auto;
+	border: 16px solid #f3f3f3;
+	border-top: 16px solid #95c01f;
+	border-radius: 50%;
+	width: 120px;
+	height: 120px;
+	animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(360deg);
+	}
+}
 
 @media screen and (max-width: 991px) {
 	::-webkit-scrollbar {
-        width: 0;
-    }
+		width: 0;
+	}
 
-    .booking-component {
-        max-height: none;
-        height: 100%;
-    }
+	.booking-component {
+		max-height: none;
+		height: 100%;
+	}
 
-    .booking-component-body-div {
-        height: auto;
-        padding-bottom: 73px;
-    }
+	.booking-component-body-div {
+		height: auto;
+		padding-bottom: 73px;
+	}
 
-    .button-container {
-        bottom: 0;
-        position: fixed;
-        background-color: #ffffff;
-    }
+	.button-container {
+		bottom: 0;
+		position: fixed;
+		background-color: #ffffff;
+		padding: 8px 0px 0px 0px;
+	}
 }
 
 @media screen and (max-height: 1100px) and (min-width: 991px) {
-    .booking-component-body-div {
-        height: calc(100vh - 250px);
-    }
+	.booking-component-body-div {
+		height: calc(100vh - 250px);
+	}
 }