#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 {

		border-bottom: 1px solid #ccc;

		padding-bottom: 10px;

		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:#777;

		font-size:19px;

		display: block;

	}



	#ddw-summary .delivery-time {

		font-size:16px;

		margin-top:6px;

	}

	

@media only screen and (max-width: 480px) {

	#ddw-summary {

		overflow:hidden;

		margin-bottom:20px;

	}

}





#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;

	}