body .booked-calendar-shortcode-wrap .booked-calendar-wrap.small {
	thead tr {
		th {
			.page-right, .page-left {
				top: 50%;
				transform: translateY(-50%);
			}

			.page-left {
				&,
				&:hover {
					left: 0;
				}
			}

			.page-right {
				&,
				&:hover {
					right: 0;
				}
			}
		}
	}
	table.booked-calendar tbody tr.week {
		td {
			.date {
				text-align: center;
				padding: 0;
			}

			&.active {
				.date {
					&,
					&: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);
				&::before {
					content: '\e789';
				}

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

			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 {
					text-transform: none;
					height: auto;
				}

				.backToMonth {
					@include font-size(1);
				}

				.page-right, .page-left {
					display: none;
					top: 50%;
					transform: translateY(-50%);
					@include media-breakpoint-up(sm) {
						display: block;
					}

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

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

				.page-right {
					&,
					&:hover {
						right: 0;
					}
					i::before {
						content: '\e944';
					}
				}
			}
			&.days {
				background: transparent !important;
				th {
					background: transparent !important;
					font-weight: 400;
					border: 1px solid $color__border-table-2 !important;
					border-top: 3px solid $color__border-table-2 !important;
					@include font-size(1);
					padding: 18px 0;
				}
			}
		}

		tbody tr {
			td {
				height: 58px !important;
				border: 1px solid $color__border-table-2 !important;
				padding: 3px;
				@include media-breakpoint-up(md) {
					height: 83px !important;
				}
				body & {
					background-color: transparent;
				}
				&:first-child {
					padding-left: 3px;
				}

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

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

				&.booked {
					pointer-events: none;
				}

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

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

				.date {
					text-align: center;
					padding: 0;
					border-radius: $border__radius;
					line-height: 50px !important;

					@include media-breakpoint-up(sm) {
						padding: 0 20px;
					}
					@include media-breakpoint-up(md) {
						line-height: 75px !important;
					}

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

					body & {
						background: transparent !important;
					}

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

						line-height: 50px !important;
						@include font-size(1);

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

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

				&.active {
					overflow: visible;
					background-clip: content-box !important;
					padding: 3px;
					body & {
						border-bottom-color: $color__white !important;
					}

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

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

					.date {
						border: none;
						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);
						}
					}
				}
			}

			&.entryBlock {
				border: none;
				background: transparent;
				border-collapse: separate;
				td {
					height: auto !important;
					background: transparent;
					padding-left: 0;
					padding-right: 0;
					border: none !important;
					@media screen and (max-width: 720px) {
						body & {
							padding: 0;
						}
					}

					> div {
						border: none !important;
						padding: 2% 0;
					}
				}

				h2 {
					margin-bottom: 18px;
					text-align: center;
					@include media-breakpoint-up(md) {
						text-align: left;
					}
				}

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

				.timeslot {
					border: none;
					display: flex;
					align-items: center;
					flex-wrap: wrap;
					border-top: 1px solid $color__background-hr;

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

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

					&:last-child {
						margin: 0;
					}

					&-range {
						width: 100%;
						text-align: center;
						margin-left: -10px;
						@include media-breakpoint-up(md) {
							text-align: left;
						}
						@include media-breakpoint-up(lg) {
							width: auto;
							padding-right: 20px;
						}
					}

					&-time {
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
						align-items: center;
						padding-top: 0;
						width: 100%;
						margin: 10px 0;
						padding-left: 0;
						padding-right: 5px;
						position: relative;
						@include media-breakpoint-up(lg) {
							justify-content: flex-start;
						}

						.timeslot-title {
							width: 100%;
							margin-bottom: 0;
						}

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

						@include media-breakpoint-up(xl) {
							width: 30%;
						}
						@include font-size(1.125);

						i.fa {
							display: none;
						}
					}

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

					}

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

					&-people {
						width: 70%;
						padding-top: 0;
						text-align: left;
						padding-right: 3px;
						margin-top: 10px;
						@media (max-width: 720px) {
							width: 100%;
							text-align: center;
						}
						@include media-breakpoint-down(sm) {
							width: 100%;
							text-align: center;
							margin-bottom: 10px;
						}
						@include media-breakpoint-up(md) {
							margin-top: 20px;
						}

						.button {
							@include btn;
							background-color: transparent;
							width: 100%;
							@include media-breakpoint-up(md) {
								width: auto;
							}
							&:hover {
								border: $button__border;
								margin-right: 0;
								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;
							}
						}
					}

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

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 {
	width: 650px;
	@media screen and (max-width: 720px) {
		width: auto;
	}
	padding-top: 85px !important;

	a.close {
		top: 31px;
		right: 20px;
		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;
			}

			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(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;
			&: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,
		input[type='submit'].button,
		input[type^='submit']#submit-request-appointment {
			background-color: transparent;
			@include btn;
			@include btn-hover;
			letter-spacing: normal;

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

.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: 700;
	}
}

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;
				padding-left: 3px;
				.button {
					margin: 15px 0;
					width: 100%;
					max-width: 90%;
				}
			}
		}
	}
	&.week td {
		height: 68px !important;
		> span {
			line-height: 60px !important;
			height: 60px !important;
		}
		&.active {
			span.date.tooltipster {
				background: transparent !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"] {
			background-color: transparent;
			@include btn;
			&:hover {
				padding: $button__indents;
				transform: translateX(2px) translateY(3px) translateZ(0);
				box-shadow: none;
			}
		}
	}

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

	.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-profile-page #profile-edit #booked-page-form .form-submit input[type^="submit"]:hover {
	box-shadow: none;
}