﻿.OptiGest_Common_AlternativeFlightsPart_Container{
	display: none;
	position: fixed;
	z-index: 20000 !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}

.OptiGest_Common_AlternativeFlightsPart_InnerContainer {
	background-color: white;
	margin-left: 10%;
	margin-top: 10%;
	padding: 20px;
	position:relative;
	border: 1px solid #888;
	height:70%;
	width:80%;
	overflow-x:hidden;
}

.OptiGest_Common_AlternativeFlightsPart_CloseButton{
	cursor: pointer;
	border: 0;
	color: #0f8cbc;
	font-size: 22px;
	position: fixed;
	/*top: 15px;*/
	/*right: 15px;*/
	z-index:2;
	font-weight: bold;
	background: transparent;
	display: inline-block;
	line-height: 0px;
}

.OptiGest_Common_AlternativeFlightsPart_InnerContainer > div.pull-right
{
	padding-right:25px;
}

.OptiGest_Common_AlternativeFlightsPart_Title
{
	background-color: #F4F4F4;
	height: 55px;
	line-height: 55px;
	text-align: center;
	margin-top: -20px;
	margin-right: -20px;
	font-size:25px;
	font-weight:600;
	margin-left: -20px;
	color:#0f8cbc;
	width:inherit;
	position:fixed;
	z-index:1;
}

.OptiGest_Common_AlternativeFlightsPart_ShowMoreFlightsLink
{
	text-align: center;
	width: 100%;
	display: inline-block;
	text-decoration:none;
	cursor:pointer;
}

.restrictSize
{
	max-height:192px;
	overflow:hidden;
}

.flightsList
{
	list-style-type:none;
	margin-top:50px!important;
	margin-bottom:25px;
}

.flightsList table td
{
	text-align:center;
	padding:25px 0!important;
}

.flightsList th
{
	background-color:#F1F1F1;
	min-height:35px;
	line-height:33px;
}

.flightsList th,
.flightsList table td
{
	text-align:center;
	font-size:16px;
	font-weight:300;
	color:#54667a;
}

.flightsList tr th.headerBold
{
	font-size:20px;
	font-weight:400;
}

.flightsList tr th.headerBold span[class^='icon-']
{
	font-weight:400;
	font-size:25px;
	vertical-align:middle;
	padding-right:5px;
}

.flightsList td span.tripAirplane
{
	padding: 0;
	color: #158cba;
	width: 100%;
	display: inline-block;
	height: auto;
	min-height: inherit;
	line-height: inherit;
	margin-bottom: 0!important;
}

.flightsList .radioBoxContainer span
{
	font-weight:400;
}

.flightsList td.imgColumn img
{
	/*height: 60px;*/
	margin-bottom: -20px;
	margin-top: -20px;
}

.flightsList td p
{
	display:inline-block;
}

.flightsList table tr td
{
	border-top:1px solid #cedae5;
}

.flightsList table tr:first-child td
{
	border-top:0 none;
}

.flightsList table tr.flighIsNotFirst td {
	border-top: 0!important;
}

table.arrivalNextDay,
table.arrivalNextDay tr,
table.arrivalNextDay td
{
	border:0 none!important;
}

.alternativeFlightsList > tbody > tr td:first-child > div:not(.OptiGest_Common_AlternativeFlightsPart_PriceDif)
{
	min-height:33px;
	display:block;
	line-height:33px;
	text-align:center;
	font-size:16px;
	font-weight:300;
	color:#54667A;
}

.alternativeFlightsList.flightsList th span[class^='icon-']
{
	font-size: 25px;
	vertical-align: middle;
}

.alternativeFlightsList > tbody > tr td:first-child > div:not(.OptiGest_Common_AlternativeFlightsPart_PriceDif),
.alternativeFlightsList.flightsList th
{
	background-color:#dff6fe;
}

.alternativeFlightsList > tbody > tr td:first-child > div > div
{
	width:50%;
	background:white;
}
.alternativeFlightsList > tbody > tr td:first-child > div > div > span,
span.circleOption
{
	border-radius:50%;
	background-color:#158BBB;
	color:white;
	width:33px;
	height:33px;
	display:block;
	line-height:30px;
	font-size:20px;
}

span.circleOption
{
	display:inline-block!important;
}

.alternativeFlightsList .OptiGest_Common_AlternativeFlightsPart_PriceDif
{
	float:left;
	color:#158bbb;
	font-size:25px;
	padding-top:15px;
}

.hotelInfo a
{
	text-decoration:none;
}

.hotelInfo a .country
{
	/*float:left;*/
	/*clear:left;*/
}

a.moreFlightOptions,
a.moreOptionals
{
	display:inline-block;
	width:25%;
	background-color:#5f7083;
	color:white;
	text-transform:uppercase;
	margin:0 auto 50px;
	padding: 6px 0;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:300;

	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

a.moreFlightOptions:hover,
a.moreOptionals:hover
{
	color:white;
	opacity:0.85;
}

.accommodation
{
	margin-bottom:45px;
}

.accommodation h2
{
	color:#158cba;
	font-size:24px;
	margin-bottom:25px;
}

.accommodation,
.accommodation label
{
	font-weight:300;
	font-size:16px;
	color:#54667a;
}

.accommodation .radioBoxContainer
{
	margin-bottom:15px;
}

.accommodation .radioBoxContainer span:before
{
	margin-left:0;
}


/* Since Dropdown */
.DMForms .bootstrap-select > .btn
{
	font-size: 16px;
	height: 50px;
	border: 1px solid #bcccdb;
	font-weight: 400;
	padding-right: 10px;
	padding-left: 10px;
	/*min-width: 165px;*/
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option
{
	text-transform:none;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:before
{
	content: "\e937"!important;
	position: absolute;
	right: -10px;
	width: 30px;
	height: 22px;
	display: inline-block;
	top: 5px;
	bottom: 0;
	font-family: Abreu;
	margin: auto;
	vertical-align: middle;
	pointer-events: none;
}
.bootstrap-select.btn-group .dropdown-toggle .caret
{
	border:0 none!important;
}

.extraOptionals
{
	margin-bottom:50px;
}

.extraOptionals h2
{
	font-size:20px;
	color:#54667a;
	text-align:center;
	width:100%;
	font-weight:600;
	margin-bottom:30px;
}

.extraOptionals  .bootstrap-select .dropdown-menu
{
	color:#54667a;
	padding-top:0;
	padding-bottom:0;
}

.extraOptionals .bootstrap-select .dropdown-menu li span.text
{
	font-size:16px;
	color:#54667a;
	margin-left:25px;
	width: 70%!important;
	display: block!important;
	white-space: normal; /* changed from initial !important */
}

.extraOptionals .bootstrap-select .dropdown-menu li span.price
{
	float: right;
	position: absolute;
	right: 15px;
	top: 0;
	text-align:right;
	color:#158cba;
	font-size:20px;
}

.extraOptionals .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
	width:100%;
}

div[id^='divOptionalId']
{
	color:#54667A;
	font-size:16px;
}

div[id^='divOptionalId'] label
{
	margin-bottom:0;
}

div[id^='divOptionalId'] div.text-center
{
	font-weight:400;
}

.extraOptionals .bootstrap-select .dropdown-menu li span.price:before
{
	margin-top: 10px;
}

.extraOptionals .bootstrap-select .dropdown-menu li span.price:before,
.extraOptionals .bootstrap-select .dropdown-menu li span.price:after
{
	content: attr(data-since);
	font-size:10px;
	display:block;
	color:#54667a;
	line-height:5px;
}

.extraOptionals .bootstrap-select .dropdown-menu li span.price:after
{
	content: attr(data-perperson);
	display:block;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark
{
	position: absolute;
	display: inline-block;
	right: inherit;
	left: 15px;
	line-height: 60px;
	bottom: 0;
}

.extraOptionals .dropdown-menu > li > a
{
	padding:21px 20px;
}

.extraOptionals .dropdown-menu > li > a:hover
{
	background-color:#EFEFEF;
}

.extraOptionals div[id^='divOptionalId'] .dropdown-menu > li > a
{
	padding: 8px 10px;
}

.extraOptionals label
{
	width:100%;
}

.extraOptionals span[class^='icon-']
{
	font-size:50px;
	width:100%;
	text-align:center;
	display:inline-block;
}

.extraOptionals span[class^='icon-'] + span
{
	width:100%;
	text-align:center;
	display:inline-block;
	font-size:16px;
	color:#54667a;
	font-weight:400;
}

.extraOptionals .moreOptionals
{
	margin-top:30px;
}


.preferedFlights
{
  background-color:#1fca67 !important;
}

@media (min-width: 992px) and (max-width:1199px) {
	.OptiGest_Common_AlternativeFlightsPart_InnerContainer
	{
		margin-left:10%!important;
		margin-right:10%!important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.OptiGest_Common_AlternativeFlightsPart_InnerContainer
	{
		margin-left:5%!important;
		margin-right:5%!important;
	}

	.OptiGest_Common_AlternativeFlightsPart_InnerContainer .flightsList th,
	.OptiGest_Common_AlternativeFlightsPart_InnerContainer .flightsList table td
	{
		font-size:13px;
	}

	.OptiGest_Common_AlternativeFlightsPart_InnerContainer .alternativeFlightsList .OptiGest_Common_AlternativeFlightsPart_PriceDif
	{
		font-size:15px;
	}
}

@media (max-width: 767px) {

	.OptiGest_Common_AlternativeFlightsPart_InnerContainer
	{
		margin-left:0!important;
		margin-right:0!important;
	}

	a.moreFlightOptions,
	a.moreOptionals
	{width:100%;}

	table.flightsList table,
	table.flightsList table thead,
	table.flightsList table tbody,
	table.flightsList table th,
	table.flightsList table td,
	table.flightsList table tr {
		display: block;
	}

	.flightsList table td
	{
		padding:15px 0!important;
	}

	.flightsList td p
	{
		width:55%;
	}

	table.flightsList table
	{
		margin-bottom:25px;
	}

	table.flightsList table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.flightsList table tr { border: 1px solid #ccc; }

	table.flightsList table td,
	table.flightsList table tbody th {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	table.flightsList table td[data-th]:before,
	table.flightsList table tbody th[data-th]:before {
		top: 6px;
		left: 6px;
		width: 45%;
		float: left;
		padding-right: 10px;
		white-space: nowrap;
		content: attr(data-th)": ";
	}

	table.alternativeFlightsList > tbody > tr > td:first-child
	{
		width:100%!important;
		display:inline-block!important;
	}

	table.alternativeFlightsList > tbody > tr > td:first-child > div
	{
		background: transparent!important;
		display: inline-block!important;
		float: left!important;
		margin-bottom: 20px!important;
	}

	.alternativeFlightsList .OptiGest_Common_AlternativeFlightsPart_PriceDif
	{
		padding-top: 0!important;
		padding-left: 20px!important;
	}

}