.booked-calendar-shortcode-wrap {
	.booked-calendar {
		thead tr {
			th {
				.monthName {
					height: auto;
				}
				.backToMonth {
					@include font-size(1);
				}

				.page-right, .page-left {
					top: 50%;
					transform: translateY(-50%);

					i::before {
						@include font-size(1.5);
					}
				}

				.page-left {
					left: 0;
					&:hover {
						left: 0;
					}
					i::before {
						content: '\e943';
					}
				}

				.page-right {
					right: 0;
					&:hover {
						right: 0;
					}
					i::before {
						content: '\e944';
					}
				}
			}

			&.days {
				th {
					border: 1px solid $color__border-table !important;
					border-top: 3px solid $color__border-table !important;
					@include font-size(1);
					padding: 18px 0;
				}
			}
		}

		tbody tr {
			td {
				height: 58px !important;
				border: 1px solid $color__border-table !important;
				padding: 3px;

				@include media-breakpoint-up(md) {
					height: 83px !important;
				}

				&:first-child {
					padding-left: 3px;
				}

				&:last-child {
					padding-right: 3px;
				}

				> span {
					line-height: 50px !important;
					height: 50px !important;
					@include media-breakpoint-up(md) {
						line-height: 75px !important;
						height: 75px !important;
					}
				}

				.date {
					text-align: center;
					line-height: 50px !important;
					@include media-breakpoint-up(md) {
						line-height: 75px !important;
					}

					body & {
						background: transparent !important;
					}

					.number {
						line-height: 50px !important;
						@include font-size(1);
						@include media-breakpoint-up(md) {
							@include font-size(2.135);
							line-height: 75px !important;
						}
					}
				}

				&.active {
					padding: 3px;
					body & {
						border-bottom-color: $color__white !important;
					}

					&:first-child {
						padding-left: 3px;
					}

					&:last-child {
						padding-right: 3px;
					}

					.date {
						border: none;
					}
				}
			}

			&.entryBlock {
				td {
					padding-left: 0;
					padding-right: 0;
					border: none !important;

					> div {
						border: none !important;
						padding: 2% 0;
					}
				}
				h2{
					margin-bottom: 18px;
					text-align: center;
					@include media-breakpoint-up(md) {
						text-align: left;
					}
				}
				.timeslot {
					border-top: 1px solid $color__background-hr;
					&-range {
						text-align: center;
						margin-left: -10px;
						@include media-breakpoint-up(md) {
							text-align: left;
						}
						@include media-breakpoint-up(lg) {
							width: auto;
							padding-right: 20px;
						}
					}

					.spots-available {
						text-align: center;
						@include media-breakpoint-up(md) {
							text-align: left;
						}
						@include media-breakpoint-up(lg) {
							width: auto;
						}
					}

					&-time {
						margin-top: 10px;
						margin-bottom: 10px;
						@include media-breakpoint-up(lg) {
							justify-content: flex-start;
						}
						i.fa {
							display: none;
						}
						&::before {
							content: none;
						}
					}
					&-people {
						padding-right: 3px;
						margin-top: 10px;
						@include media-breakpoint-down(sm) {
							width: 100%;
							text-align: center;
							margin-bottom: 10px;
						}
						@include media-breakpoint-up(md) {
							margin-top: 20px;
						}
						.button {
							@include btn_skin;
							&:hover {
								border: $button__border;
								/*rtl:ignore*/
								transform: translateX(2px) translateY(3px) translateZ(0);
								box-shadow: none;
							}
							@include media-breakpoint-down(sm) {
								float: none;
								margin-left: 0;
							}

							&[disabled] {
								box-shadow: none;
								pointer-events: none;
							}
						}
					}
				}
			}
		}
	}
}
body table.booked-calendar td.prev-date .date, body table.booked-calendar td.prev-date:hover .date,
body table.booked-calendar td.prev-date:hover .date span {
	background: transparent !important;
}

body .booked-modal .bm-window {
	.field {
		
		p {
			@include font-size(1);
		}

		input[type^='text'],
		input[type^='email'],
		input[type^='password'] {
			padding: $input__indents_y $input__indents_x;
			@include border-radius;
			@include font-size(1.25);
			font-weight: 400;
		}

		input[type^='submit'],
		button,
		input[type^='submit']#submit-request-appointment {
			@include btn_skin;
			@include btn-skin-hover;
			letter-spacing: normal;

			&[disabled]{
				pointer-events: none;
				box-shadow: none;
			}
		}
	}
}

body .widget_booked_calendar .booked-calendar-wrap table.booked-calendar tbody tr {
	&.entryBlock {
		.booked-appt-list {
			.timeslot {
				padding-left: 3px;
				.button {
					max-width: 90%;
				}
			}
		}
	}
	&.week td {
		height: 68px !important;

		> span {
			line-height: 60px !important;
			height: 60px !important;
		}

		.date {
			line-height: 60px !important;
			.number {
				line-height: 60px !important;
				@include font-size(1);
			}
		}
	}
}

body #booked-profile-page {
	input[type^="text"],
	input[type^="password"] {
		padding: $input__indents_y $input__indents_x;
		@include border-radius;
		@include font-size(1.25);
		font-weight: 400;
	}

	.form-submit, .login-submit, .wp-user-form {
		input[type^="submit"] {
			@include btn_skin;
			&:hover {
				padding: $button__indents;
				/*rtl:ignore*/
				transform: translateX(2px) translateY(3px) translateZ(0);
				box-shadow: none;
			}
		}
	}
}

// UPD skin border-radius
.booked-calendar-shortcode-wrap {
	.booked-calendarSwitcher.calendar {
		@include border-radius();
	}

	.booked-calendar {
		tbody tr {
			td {
				.date {
					@include border-radius();
				}
			}

			&.entryBlock {
				td {
					@include border-radius();
				}
			}
		}
	}
}

body #booked-profile-page {
	.booked-tabs,
	.booked-tabs.login,
	.booked-profile-header {
		@include border-radius();
	}
}

// UPD skin font-weight
.booked-calendar-shortcode-wrap {
	.booked-calendar {
		tbody tr {
			&.entryBlock {
				h2 {
					strong {
						font-weight: 700;
					}
				}
			}
		}
	}
}

.booked-profile-appt-list {
	.appt-block > strong {
		font-weight: 700;
	}
}
