/* =========================================================== */
/* Top styles */
/* screenWidth992pxOver */
@media only screen and (min-width:992px){
	.mainBox .calendarArea{
		display: flex;
	}
}
/* screenWidth520pxOver */
@media only screen and (min-width:520px){
	.mainBox .deliverSettingBox{
		/* display: flex; */
	}
}
/* screenWidth520pxOver */
@media only screen and (max-width:518px){
	.mainBox .deliverSettingBox{
		/* display: block; */
	}
}
.mainBox .selectCalendarBox{
	margin: 1em auto auto auto;
}
.mainBox .calendarTable .calendarHeader{
	font-size: large;
}
/* calendar */
.mainBox .calendarTable{
	padding: 1em 1em 1em 1em;
}
.mainBox .topCalendar{
	border-spacing: 0;
    border-collapse: collapse;
}
.mainBox .topCalendar .weekHeader{
	background-color: rgb(255, 216, 204);
}
.mainBox .topCalendar td{
	border: 1px solid #ddd;
    padding: 5px;
	text-align: center;
	min-width: 3em;
}
.mainBox .topCalendar .calendar_lbl{
	margin: auto;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
}
.mainBox .topCalendar .calendar_lbl-d{
	margin: auto;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
}
.mainBox .topCalendar .calendar2_lbl{
	margin: auto;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
}
.mainBox .topCalendar input:checked + label{
	background-color: lightsalmon;
}
.mainBox .topCalendar td:first-child {
    color: red;
}
.mainBox .topCalendar td:last-child {
    color: royalblue;
}
.mainBox .topCalendar td.is-disabled {
    color: #ccc;
}
.disabled{
    background-color: lightgrey !important;
}
.mainBox .topCalendar td .calendarRadio{
	display: none;
}
/* Information */
.mainBox .deliverDateInfo{
	border: 1px solid gray;
	margin: 1em;
	padding: 1em;
}
.mainBox .informationBox .infoDetails{
	min-height: 12em;
	max-height: 12em;
}
.mainBox .informationBox .infoIndex{
	padding: 1em;
}
.customerList{
	height: 250px;
}