body .booked-calendar-shortcode-wrap .booked-calendar-wrap.small {
	table.booked-calendar tbody tr.week {
		td {
			.date {
				text-align: center;
				padding: 0;
			}

			&.active {
				.date {
					background: transparent;
					&:hover {
						background: transparent;
					}

					.number {
						@include scale(1);
					}
				}
			}
		}
	}
}

.booked-calendar-shortcode-wrap {
	text-align: center;
	.booked-calendarSwitcher.calendar {
		border-radius: $border__radius;
		margin: 15px 0;

		@media screen and (max-width: 600px) {
			display: inline-block;
			width: auto;
			padding: 8px 10px 9px 12px;
		}

		p {
			position: relative;
			i.fa {
				position: absolute;
				left: -3px;
				top: 50%;

				@include translate(0, -50%);
				@include linear-icon;
				@include font-size(2.125);

				/*rtl:raw:
				margin-right: 0;
				margin-left: 10px;
				*/

				&::before {
					content: '\e789';
				}

				@media screen and (max-width: 600px) {
					display: block;
				}
			}

			&:after {
				top: 50%;
				transform: translateY(-50%);
				color: $color__dark;
				right: 5px;

				/*rtl:raw:
				right: auto;
				*/
			}

			select {
				margin-left: 40px;
				@media screen and (max-width: 600px) {
					width: auto;
				}
			}
		}
	}

	.booked-calendar {
		border: none;
		background: transparent;
		thead tr {
			th {
				body & {
					border: none;
				}

				.monthName {
					@include font-size(1.875);
					text-transform: none;
				}

				.backToMonth {
					display: inline-block;
					@include font-size(0.75);
				}

				.page-right, .page-left {
					top: 27px;
					display: none;
					@include media-breakpoint-up(sm) {
						display: block;
					}

					i::before {
						@include linear-icon;
						@include font-size(1.25);
						@include transition(.3s ease all);
					}
				}

				.page-left {
					&:hover {
						/*rtl:ignore*/
						left: 20px;
					}
					i::before {
						content: '\e93b';
					}
				}

				.page-right {
					&:hover {
						/*rtl:ignore*/
						right: 20px;
					}
					i::before {
						content: '\e93c';
					}
				}
			}
			&.days {
				background: transparent !important;
				th {
					background: transparent !important;
					border-color: transparent !important;
					@include font-size(0.75);
					font-weight: 400;
					padding: 33px 0 18px;
					@include media-breakpoint-up(sm) {
						@include font-size(1.125);
					}
				}
			}
		}

		tbody tr {
			td {
				height: 60px !important;
				border: none;
				padding: 5px 5px 0 5px;
				body & {
					background: transparent;
				}
				&:first-child {
					padding-left: 0;
				}

				&:last-child {
					padding-right: 0;
				}

				&:hover .date span.number {
					background: transparent !important;
				}

				&.booked {
					pointer-events: none;
				}

				&.today {
					.number {
						border: none;
					}
				}

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

				@include media-breakpoint-up(md) {
					padding: 5px;
				}

				.date {
					text-align: center;
					padding: 0;
					border-radius: $border__radius;
					@include media-breakpoint-up(md) {
						text-align: left;
					}

					@include media-breakpoint-up(sm) {
						padding: 0 20px;
					}

					@media screen and (max-width: 720px) {
						height: auto;
					}

					.number {
						@include font-size(1);
						width: auto;
						height: auto;
						line-height: 1;

						@include media-breakpoint-up(sm) {
							@include font-size(1.125);
						}

						@media screen and (max-width: 720px) {
							transform: scale(1) !important;
						}
					}
				}

				&.active {
					overflow: visible;
					padding: 5px 5px 0 5px;
					background-clip: content-box !important;

					&:first-child {
						padding-left: 0;
					}

					&:last-child {
						padding-right: 0;
					}

					.date {
						border-top: 1px solid $color__background-hr;
						border-right: 1px solid $color__background-hr;
						border-left: 1px solid $color__background-hr;
						border-bottom: 1px solid $color__background-hr;
						border-bottom-left-radius: 0;
						border-bottom-right-radius: 0;
						position: relative;

						@include media-breakpoint-up(sm) {
							border-bottom: none;
						}

						.number {
							background: transparent;
							@include scale(1);
						}

						&::before {
							content: '';
							height: 2px;
							width: 100%;
							background: $color__white;
							position: absolute;
							bottom: -2px;
							left: 0;
							right: 0;
							z-index: 1;
							display: none;
							@include media-breakpoint-up(sm) {
								display: block;
							}
						}
					}
				}
			}

			&.entryBlock {
				border: none;
				background: transparent;
				border-collapse: separate;
				td {
					text-align: left;
					border-radius: $border__radius;
					height: auto !important;
					padding: 0;
					border: none;
					background: transparent;
					@media screen and (max-width: 720px) {
						body & {
							padding: 0;
						}
					}
					> div {
						padding: 2%;
						border: 1px solid $color__background-hr !important;
					}
				}

				h2 {
					@include font-size(1.5);
					margin-bottom: 12px;
					text-align: left;
					font-weight: 300;
					strong {
						font-weight: 300;
					}
				}

				.booked-appt-list {
					box-shadow: none;
				}

				.timeslot {
					border: none;
					display: flex;
					align-items: center;
					flex-wrap: wrap;

					@include media-breakpoint-up(md) {
						flex-wrap: nowrap;
					}

					&.timeslot-unavailable {
						.timeslot-time,
						.timeslot-people {
							padding-top: 0;
						}
					}

					& + .timeslot {
						border-top: 1px solid $color__background-hr;
					}

					&:last-child {
						margin: 0;
					}

					&-range {
						width: 100%;
						@include media-breakpoint-up(lg) {
							width: 70%;
						}
					}

					&-time {
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
						align-items: center;
						padding-top: 0;
						width: 100%;
						margin: 13px 0;
						padding-left: 0;
						padding-right: 5px;
						position: relative;
						.timeslot-title {
							width: 100%;
							margin-bottom: 0;
						}

						&::before {
							content: '';
							position: absolute;
							left: 60%;
							top: 50%;
							height: 60px;
							width: 1px;
							background: $color__background-hr;
							@include translate(0, -50%);
							display: none;
							@include media-breakpoint-up(lg) {
								display: block;
							}

							.position-one-right-sidebar &,
							.position-one-left-sidebar & {
								display: none;
							}
						}

						@include media-breakpoint-up(md) {
							width: 50%;
						}

						@include media-breakpoint-up(xl, $grid-breakpoints-old) {
							width: 30%;
						}
						@include font-size(1.125);

						i.fa {
							position: relative;
							top: 3px;
							@include linear-icon;
							&::before {
								content: '\e8e8';
								@include font-size(1.5);
							}
						}
					}

					.spots-available {
						@include font-size(0.75);
						font-style: italic;
						text-transform: none;
						position: relative;
						padding-bottom: 0;
						width: 100%;
						@include media-breakpoint-up(lg) {
							width: 30%;
						}

					}

					&-count {
						padding-left: 30px;
						border-color: $color__background-hr;
					}

					&-people {
						width: 70%;
						padding-top: 0;
						text-align: left;
						@media (max-width: 720px) {
							width: 100%;
							text-align: center;
						}

						.button {
							@include btn_submit;
							width: 100%;
							@include media-breakpoint-up(md) {
								width: auto;
							}
							&:hover {
								border: none;
								margin-right: 0;
							}
							&[disabled] {
								pointer-events: none;
							}

							/*rtl:raw:
							float: left;
							margin-left: 0;
							*/
						}
					}

					&:hover {
						background: transparent;
					}
				}
			}
		}
	}
}

body .booked-modal .bm-window {
	width: 650px;
	@media screen and (max-width: 720px) {
		width: auto;
	}
	padding-top: 85px !important;

	a.close {
		top: 31px;
		right: 20px;
		left: auto;
		i.fa {
			@include linear-icon;
			@include font-size(1.1875);
			@include transition(.3s ease all);
			&::before {
				content: '\e935';
			}
		}
	}

	p.booked-title-bar {
		padding-right: 45px;
		small {
			text-transform: none;
			@include font-size(1.125);
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 20px;
			@include media-breakpoint-up(sm) {
				@include font-size(1.5);
				padding-left: 14px;
			}
		}
	}

	.booked-form {
		padding-top: 0;
		p.booked-calendar-name {
			font-weight: 400;
			margin-bottom: 0;
		}

		p.title {
			font-weight: 300;
			@include font-size(1.5);
		}

		p.name {
			margin: 0 0 5px;
			b {
				@include font-size(1.125);
				font-weight: 300;
				i {
					@include linear-icon;
					@include font-size(1.5);
					margin-right: 8px;

					&.fa-calendar-o::before {
						content: '\e789';
					}

					&.fa-clock-o::before {
						content: '\e8e8';
					}
				}
				& + b {
					margin-left: 21px;
					@media screen and (max-width: 720px) {
						margin-left: 0;
					}
				}
			}
		}

		#customerChoices {
			border: none;
			border-bottom: 1px solid $color__background-hr;
			margin: 0;
			padding: 0 0 35px 0;
			text-align: left;

			& ~ .customer_choice {
				margin-top: 15px;
			}

			& ~ .customer_choice.default {
				margin-top: 35px;
			}

			.field {
				display: block;
				margin: 0;
			}

			label {
				@include font-size(0.875);
			}

			input[type=radio] {
				top: 5px;
			}
		}
	}

	.booked-appointments {
		padding-left: 0;
		padding-right: 0;
		box-shadow: none;

		.calendar-name,
		.appointment-info {
			font-weight: inherit;
			@include font-size(1.125);
		}

		.calendar-name {
			margin-bottom: 5px;
		}

		.appointment-info {
			line-height: 1.5rem;
			i {
				@include linear-icon;
				@include font-size(1.5);
				vertical-align: bottom;

				&.fa-calendar-o::before {
					content: '\e789';
				}
			}
		}
	}

	hr {
		border-color: $color__background-hr;
		padding: 7px 0 0 0;
		margin: 36px 0 0 0;
	}

	#ajaxlogin .field,
	#newAppointmentForm .field {
		.status {
			padding-top: 0;
			color: red;
			i {
				color: red;
			}
		}
	}

	.field {
		label.field-label {
			display: inline-block;
			text-transform: none;
			position: relative;
			@include font-size(1.5);

			i {
				@include font-size(0.7);
				position: absolute;
				right: -12px;
				top: 21px;
			}
		}

		p {
			margin-top: 8px;
			margin-bottom: 23px;
			@include font-size(0.875);
		}

		input[type^='text'],
		input[type^='email'],
		input[type^='password'] {
			@include text_input;
			&:focus {
				background: transparent !important;
			}
		}

		input[type^='password'] {
			margin-bottom: 25px;
		}

		input[type^='submit']#submit-request-appointment {
			padding: 24px 27.5px 23px;
			margin-right: 21px;
		}

		input[type^='submit'],
		button {
			@include btn_submit;
			margin-top: 10px;
			@include media-breakpoint-up(sm) {
				margin-top: 0;
			}
		}
	}
}

.booked-profile-appt-list {
	i {
		@include linear-icon;
		@include font-size(1.5);
		margin-right: 8px;
		position: relative;
		top: 4px;
		&.fa-calendar::before {
			content: '\e789';
		}
		&.fa-clock-o::before {
			content: '\e8e8';
		}
	}

	.appt-block > strong {
		font-weight: 300;
	}
}

body .booked-calendar-wrap table.booked-calendar td .date .number {
	background: transparent !important;
}

body .widget.booked_calendar .booked-calendar-wrap table.booked-calendar tbody tr {
	&.entryBlock {
		td {
			padding: 1%;
		}
		.booked-appt-list {
			.timeslot {
				display: block;
				.button {
					margin: 15px 0;
					width: 100%;
				}
			}
		}
	}
	&.week td {
		height: 60px !important;
		&.active {
			span.date.tooltipster {
				background: transparent !important;
			}
		}

		.date {
			line-height: 60px !important;
			.number {
				line-height: 60px !important;
			}
		}
	}
}

body #booked-profile-page {

	input[type^="text"],
	input[type^="password"] {
		@include text_input;
	}

	.form-submit, .login-submit, .wp-user-form {
		input[type^="submit"] {
			@include btn;
			&:hover {
				padding: 24px 37.5px 23px;
			}
		}
	}

	.booked-tabs,
	.booked-tabs.login,
	.booked-profile-header {
		border: none;
		border-radius: $border__radius;

		li i {
			/*rtl:raw:
			padding-right: 0;
			padding-left: 7px;
			*/
		}
	}

	.booked-tab-content {
		border-color: $color__background-hr;

	}

	#profile-appointments {
		.booked-form-notice {
			margin: 15px 0;
			background: $color__background-hr;
			border: none;
			padding: 1px 16px;
			text-shadow: none;
		}

		.booked-no-margin {
			@include font-size(1.125);
		}
	}

	#profile-edit {
		#booked-page-form {
			border-color: $color__background-hr;
			.booked-upload-wrap {
				border: none;
				height: 60px;
				input {
					border: none;
					height: 60px;
				}
				span {
					line-height: 23px;
				}
			}
		}
	}
}

body .booked-form input[type="submit"],
body .booked-form button {
	/*rtl:raw: float: right; */
}