.ddw_text_checkout {
	margin-bottom: 20px;
}

#delivery-date-panel{
	overflow:hidden;
}

#ddw_text {
	display:block;
	font-weight:bold;
	margin:10px 0px;
	padding:3px;
	background-color:#f1f1f1;
}

#delivery-date-panel .calendar-wrapper {
}

#delivery-date-panel #ddw_timeslots {
	float:left;
}

#delivery-date-panel #ddw_timeslots div {
	margin:8px 0px;
}

/* timeslors */
#ddw_timeslots {
	min-height:180px;
	position: relative;
}
	#ddw_timeslots .icon-loading {
		margin:0 auto;
		display: block;
		position: absolute;
		left:0;
		right:0;
		top:50%;
		margin-top:-20px;
	}

	#ddw_timeslots .timeslot {
		height:35px;
		cursor:pointer;
	}

	#ddw_timeslots .timeslot.available {
		background-color: #ddf0de;
	}

	#ddw_timeslots .timeslot.selected {
		background-color:#92d097;
	}

		#ddw_timeslots .timeslot.selected * {
			color:#fff !important;
		}


	#ddw_timeslots .timeslot.unavailable {
		background-color: #f1f1f1;
	}

	#ddw_timeslots i {
		display:block;
		float:left;
		width:35px;
		height:35px;
		text-align:center;
		font-size:20px;
		line-height:35px;
	}

		#ddw_timeslots .text {
			float:left;
			height:35px;
			line-height:35px;
		}

		#ddw_timeslots .timeslot.available .text, #ddw_timeslots .timeslot.available i {
			color:#76a87a;
		}

		#ddw_timeslots .timeslot.unavailable .text, #ddw_timeslots .timeslot.unavailable i {
			color:#ccc;
		}

		#ddw_timeslots .text .time {
			font-weight:bold;
			font-size:15px;
		}

/* Summary */
#ddw-summary {
	text-align:center;
}
	#ddw-summary .text {
		margin-bottom: 10px;
	}

	#ddw-summary .icon {
		margin:0 auto;
		display:block;
		height:40px;
		width:40px;
		font-size:40px;
		color:#999;
	}

	#ddw-summary .text, #ddw-summary .delivery-date, #ddw-summary .text, #ddw-summary .delivery-time {
		color:#333;
		font-size:16px;
		display: block;
	}

	#ddw-summary .delivery-time {
		font-size:16px;
	}

@media only screen and (max-width: 480px) {
	#ddw-summary {
		overflow:hidden;
	}
}


#ddw-eta {
	border:1px solid #cdcdcd;
	border-radius:3px;
	padding:6px;
	margin-bottom:20px;
	color:#222;
	font-size:14px;
	font-weight:normal;
	margin-top:20px;
}

	#ddw-eta .eta {
		font-weight:bold;
	}



// Time table

#ddw-time-table {
	max-height: 400px;
	@media all and (max-width: 500px) {
		max-height: 300px;
	}
	overflow-y: scroll;
	overflow-x: hidden;
}

#ddw-time-table::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#ddw-time-table::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}

#ddw-time-table::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #aaa;
}


.Rtable {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 3em 0;
	padding: 0;
}

.Rtable-cell {
	box-sizing: border-box;
	flex-grow: 1;
	width: 100%;
	padding: 5px 5px;
	overflow: hidden;
	list-style: none;
	border-top: solid 3px white;
}

/* Table column sizing
================================== */
.Rtable--2cols .Rtable-cell {
	width: 50%;
}

.Rtable--3cols .Rtable-cell {
	width: 33.33%;
}

.Rtable--4cols .Rtable-cell {
	width: 25%;
}

.Rtable--5cols .Rtable-cell {
	width: 20%;
}

.Rtable--6cols .Rtable-cell {
	width: 16.6%;
}

/* Apply styles
================================== */
.Rtable {
	position: relative;
	top: 3px;
	left: 3px;
}

.Rtable-cell {
	font-size:14px;
	margin: -3px 0 0 -3px;
	background-color: white;
	border-top-color: #eaeaea;
	user-select: none;

	.weekday {
		font-weight: bold;
		display: block;
	}
}

.Rtable-cell.selected {
	background-color:#CFECDC;
	color:#4F6559;
}

.Rtable-cell.timeslot {
	display: flex;
	align-items: center;
	justify-content: center;
}

.Rtable-cell.unavailable {
	background-color:#f7f7f7;
	span {
		opacity:0.3;
	}
}

/* Responsive
==================================== */
@media all and (max-width: 500px) {
	.Rtable--collapse {
		display: block;
	}
	.Rtable--collapse > .Rtable-cell {
		width: 100% !important;
	}
	.Rtable--collapse > .Rtable-cell--foot {
		margin-bottom: 1em;
	}
}

.no-flexbox .Rtable {
	display: block;
}

.no-flexbox .Rtable > .Rtable-cell {
	width: 100%;
}

.no-flexbox .Rtable > .Rtable-cell--foot {
	margin-bottom: 1em;
}

@media all and (max-width: 500px) {
	.hiddenSmall {
		display: none;
	}
}

.js-RtableAccordions {
	min-width: 240px;
}

// table styles

.Rtable.layout-style-list {

	.Rtable-row {
		display: flex;
		flex-flow: nowrap;
		flex-grow: 1
	}
}

.Rtable.layout-style-days {
	.Rtable-row {
		display: flex;
		flex-flow: row wrap;
		flex-grow: 1
	}
}

.Rtable.layout-style-glance {
	.Rtable-row {
		display: flex;
		flex-flow: column wrap;
		flex-grow: 1
	}
}

.Rtable {
	@media all and (max-width: 500px) {
		.Rtable-row {
			display: block !important;
			width: 100% !important;
		}

		.Rtable-cell {
			width: 100% !important;
		}
	}
}


// Calendar
#ddw-wrapper-calendar {
	#ddw-calendar * {
		font-family: "Helvetica", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	}

	#ddw-calendar {
		.ui-datepicker {
			width: 100%;
		}

		.ui-widget-header {
			background: none;
			border: none;
		}

		.ui-widget-content {
			border: none;
		}

		.ui-datepicker-calendar th,
		.ui-datepicker-calendar td {
			padding: 0;
		}
	}

	#ddw_timeslots {
		.timeslot {
			margin-bottom: 4px;
		}
	}
}

// Day View
#ddw-wrapper-dayview {

	margin-top: 20px;

	#ddw-days::-webkit-scrollbar {
		height: 10px;
		background-color: #f7f7f7;

		@media (hover: none) and (pointer: coarse) {
			height: 3px;
		}
	}

	#ddw-days::-webkit-scrollbar-thumb {
		background-color: #d0d0d0;
	}

	#ddw-days {
		width: 100%;
		height: 65px;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;

		.day {
			font-size: 14px;
			display: inline-block;
			width: 120px;
			padding: 5px 10px;
			border-top: 2px solid #2fb5d2;
			background-color: #f7f7f7;
			font-weight: bold;
			cursor: pointer;
			user-select: none;
		}

		.day.selected {
			border-top: 2px solid #2fb5d2;
			background-color:#f7f7f7;
			font-weight: bold;
			background-color:#2fb5d2;
			color:#fff;
		}
	}

	.timeslot-list {
		padding-top: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.timeslot {
			flex: 0 32.5%;
			background-color:#e9e9e9;
			border-radius: 2px;
			height: 40px;
			line-height: 40px;
			padding: 0 10px;
			text-align: center;
			margin-bottom: 10px;
			font-weight: bold;
			box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14);
			font-size: 14px;

			@media only screen and (max-width: 600px) {
				flex: 0 49.5%;
			}
		}

		.timeslot.disabled {
			opacity:0.5;
		}

		.timeslot.selected {
			background-color: #2fb5d2;
			color:#fff;
		}
	}

	.timeslot-list::after {
		content: '';
		flex-grow: 0;
		width: 32.5%;
	}

	.timeslot-list.disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	#ddw_timeslots {
		min-height: auto;
		margin-bottom: 10px;
	}
}


#onepagecheckoutps {
	.calendar-wrapper {
		width: 100% !important;;
	}
}