.delivery_date {
	margin-bottom: 1.5rem;
}

.delivery_date .form-select label.control-label {
	display: block;
}

.delivery_date .delivery_info {
	margin-bottom: 1rem;
}

.delivery_date .form-error-msg {
	margin-bottom: 0.5rem;
}

.delivery_date .delivery_info i {
	margin-right: 5px;
}

.delivery_date .form-group.delivery-picker {
	position: relative;
	margin: 0;
}

.delivery_date .form-group.delivery-picker .form-control[readonly] {
	font-weight: bold;
	padding-left: 40px;
	cursor: pointer;
}

.delivery_date .form-group.delivery-picker::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	position: absolute;
	content: "\f274";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	left: 15px;
	top: calc(50% - 12px);
	color: #FF6600;
	font-size: 1.2em;
}

.ta-delivery-date-picker {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	display: none;
}

.ta-delivery-date-picker-open {
	overflow: hidden;
}

.ta-delivery-date-picker-open .ta-delivery-date-picker {
	display: block;
}

.ta-datetime-head-main {
	background: #223b7c;
	padding: 15px;
}

.ta-datetime-logo img {
	width: 200px;
}

.ta-datetime-close button {
	background: transparent;
	border: 0;
	color: #fff;
	font-size: 20px;
}

.ta-delivery-date-picker-inner {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	overflow: auto;
	max-height: 100%;
}

.ta-delivery-date-picker-header {
	border: solid 1px #e6e6e6;
	padding: 10px 15px;
}

.ta-delivery-date-picker-header h3 {
	color: #27387d;
}

.ta-delivery-date-picker-content {
	border: solid 1px #e6e6e6;
	border-top: 0;
	padding: 0 7.5px 10px;
}

.ta-delivery-date-picker-content .slick-slide {
	padding: 0 8px;
}

.ta-delivery-date-picker-head {
	background: #223b7c;
	color: #fff;
	text-align: center;
	padding: 10px 15px;
}

.ta-delivery-date-picker-info-txt {
	padding: 0 7.5px;
}

.ta-delivery-date-picker-row {
	visibility: hidden;
	max-height: 400px;
	overflow: hidden;
}

.ta-delivery-date-picker-row.slick-initialized {
	visibility: visible;
	max-height: none;
	overflow: visible;
}

.ta-delivery-date-picker-col {
	width: 100%;
}

.ta-delivery-date-picker-left-timepick {
	min-width: 25px;
	position: relative;
}

.ta-delivery-date-picker-left-timepick > span {
	margin-top: -10px;
	display: block;
}

.ta-delivery-date-picker-timewrap {
	background: #fff;
	border: solid 1px #e6e6e6;
}

.ta-delivery-date-picker-right-timepick {
	border-left: solid 1px #e0e0e0;
}

.ta-delivery-date-picker-field {
	background: #f7f7f7;
	border: solid 1px #e0e0e0;
	border-left: 0;
	border-bottom: 0;
	width: 50%;
	text-align: center;
	padding: 10px 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ta-delivery-date-picker-timeline {
	padding: 15px;
}

.ta-delivery-date-picker-timepick-wrap:last-child .ta-delivery-date-picker-field {
	border-bottom: solid 1px #e0e0e0;
}

.ta-delivery-date-picker-left-timepick:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 5px;
	background: #ccc;
	right: 0;
	top: 0;
}

.ta-delivery-date-picker-field[data-valid="true"][data-outdated="false"]:hover,
.ta-delivery-date-picker-field.ta-datetime-selected {
	cursor: pointer;
	background: #223b7c;
	color: #fff;
}

.ta-delivery-date-picker-field[data-valid="false"] {
	cursor: not-allowed;
	background: #ccc;
}

.ta-delivery-date-picker-field[data-outdated="false"][data-valid="false"] {
	cursor: not-allowed;
	color: #000;
}

.ta-delivery-date-picker-field[data-outdated="true"][data-valid="true"] {
	cursor: not-allowed;
	color: #ccc;
}

.ta-delivery-date-picker-content .slick-arrow {
	top: 0;
	transform: none;
	background: transparent;
	color: #fff;
	padding: 10px;
	opacity: 1;
}

.ta-delivery-date-picker-content .slick-arrow.slick-prev {
	left: 7.5px;
}

.ta-delivery-date-picker-content .slick-arrow.slick-next {
	right: 7.5px;
}

.ta-delivery-date-picker-content .slick-arrow[aria-disabled="true"] {
	display: none !important;
}

@media (min-width: 768px) {
	.ta-delivery-date-picker-content .slick-arrow {
		top: 50%;
		transform: translateY(-50%);
		background: #fff;
		box-shadow: 0 0 4px #d4d4d4;
		color: #223b7c;
	}

	.ta-delivery-date-picker-content .slick-arrow.slick-prev {
		left: -7.5px;
	}

	.ta-delivery-date-picker-content .slick-arrow.slick-next {
		right: -7.5px;
	}
}

@media (min-width: 992px) {
	.ta-delivery-date-picker-field {
		width: 100%;
	}
}