body { 
	/*background-color: #f1f2f8;*/
	background-color: #eeeeee;
}


/* custom styles */
.p-separator {
	 border-bottom: 1px solid #cccccc;
}



/* Bootstrap override */
.input-group-text {
	background-color: #ffffff;
	/*border-radius: .3rem 0px 0px .3rem !important;*/
}

#search-form-wrap .nav-link {
	background-color: #ffffff;
}

#search-form-wrap .nav-link.active {
	color: #0d6efd;
}

.full-width {
	width: 100%;
}

.dropdown-menu.show {
	min-width: 200px !important;
}

.text-align-center {
	text-align: center;
}

.accordion-flush .accordion-item {
	border: 0;
}

tbody, td, tfoot, th, thead, tr {
	border: 0;
}

.accordion-flush .accordion-item:first-child, .accordion-flush .accordion-item:last-child, .accordion-flush .accordion-item {
	border: 1px solid #cccccc;
}

/* jquery-ui override */
.ui-datepicker {
	z-index: 4 !important;
}


/* Don't update color on accordion open - override bootstrap */
.accordion-button:not(.collapsed) { 
	color: #212529 !important;
	background-color: #f3f3f3 !important;
}



/* template.html */
#logo {
	font-weight: 700;
	font-size: 1.5em;
	padding: 0px 30px 10px 30px;
	/*border-bottom: 1px solid #02122c;*/
	color: rgb(2, 18, 44) !important;
}



/* flights-search-form.html */
#search-form-wrap {
	background-image: url(https://content.skyscnr.com/m/785bdfcbe683606c/Large-Flights-hero-2.jpg?crop=1800px:1375px&quality=60);
	min-height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 60%;
}

#search-form-wrap .card {
	border: 0px !important;
	background-color: transparent;
}

/*#flights-search-form-wrap {
	background-color: #02122c;
	color: #ffffff;
}*/

#flights-search-form-wrap {
	background-color: #ffffff;
	/*color: #ffffff;*/
	border-radius: 10px;
}

.search-form {
	padding-top: 100px;
	padding-bottom: 100px;
}


/* flights.html */
#stickyHeader {

	border-top: 1px solid #cccccc;

	background-color: #ffffff;
	z-index: 4;
	border-bottom: 1px solid #cccccc;
}

/* flights-results.html */
.itinerary-item {
	border: 1px solid #cccccc;
	border-radius: 10px;
}

table.tripTypeHeader {
	background-color: #f1f2f8;
}

@media (max-width: 767px) {
	/* XS */
	#logo {
		padding: 0px;
		font-size: 1em;
	}

	#search-form-wrap > .search-form {
		padding-top: 0px;
	}

	.searchFieldWrap {
		margin-top: 0.2em !important;
		margin-bottom: 0.2em !important;
	}

}