* {
	font-family: inherit;
}

.main-wrapper {
		display: inline;
}
#header-img {
	max-width: 600px;
	width: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
	margin-top: 30px;
}
#second-img {
	max-width: 600px;
	width: auto;
	display: block;
	margin: 0 auto;
}
.group-name {
	text-align: center;
	margin-bottom: 30px;
}

div#date-column, .night-people, .nights-option, .adults-option, .children-option, .submit-bn, .numberRooms-option {
		display: inline-block;
		width: auto;
}

div#date-column {
		margin-right: 50px;
}

.night-people {
		margin: 0 auto;
}

.adults-option {
		margin: 0 100px;
}

.arrival-options {
		margin-top: 20px;
}
.contents.text {
    margin-top: 20px;
}
.submit-bn {
		margin-left: 100px;
}

#nightsStay, #adults, #children, #age3, #age4, #numberRooms {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 4.8px 5px;
	margin-top: 10px;
}

.nights-option select, .adults-option select, .children-option select {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	font-size: 14px;
	height: 22px;
	color: inherit;
	border-color: #eee;
}

#datepicker {
	border-style: ridge;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 0 0.2rem;
	font-size: 14px;
	color: inherit;
	border-color: #eee;
	width: 170px;
	height: 28px;
	margin-top: 10px;
}

.ui-datepicker-trigger {
		position: relative;
		top: 5px;
		right: 28px;
}

.modify-col {
		margin-top: 25px;
}

.convener {
		margin-bottom: 60px;
		margin-top: 20px;
}
  .restricted-date span.ui-state-default {
    background-color: #FF91A4;
  }
  .ui-datepicker-other-month {
    /* was having a weird bug on chrome where the restricted background color was bleeding into the other month dates. */
    background-color: #ffffff;
  }