/* Datepicker border styling */
.datepicker {
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  padding: 10px;
}

/* Tighten up the spacing between multiple calendars */
.datepickerSpace div {
  width: 15px;
}

/* Grey background behind Month Name row, and blue text */
div.datepicker th {
  background-color:#DDDDDD;
}
div.datepicker th a.datepickerMonth {
  color:#008ED6;
  font-weight:normal;
}

/* style the day of week header cells */
div.datepicker th {
  color: black;
  font-weight: bold;
}
/* grey underline beneath day of week row */
div.datepicker table thead tr.datepickerDoW th {
  border-bottom: 1px solid #CCCCCC;
}

/* Black text, white background, and grey borders around day cells */
div.datepicker a,
div.datepicker a:hover {
  color: black;
}
div.datepicker table.datepickerViewDays,
div.datepicker table.datepickerViewMonths,
div.datepicker table.datepickerViewYears {
  background-color:white;
}
div.datepicker table tbody.datepickerDays td {
  border: 1px solid #F7F7F7;
}

/* blue cell color for selected days */
tbody.datepickerDays td.datepickerSelected {
  background-color:#0077CC;
}

/* Grey out dates in the future */
div.datepicker td.datepickerFuture a {
  color:#DDDDDD;
}

/* yellow cell background on hover */
div.datepicker tbody.datepickerDays td:hover {
  /*background-color: #FFCC33;*/
}

/* Bold today's date */
div.datepicker td.datepickerToday a {
  font-weight:bold;
}

/* cells are wider in the clean style */
.datepickerYears a, .datepickerMonths a {
  width: 42px;
}
.datepickerMonths td:first-child a,
.datepickerYears td:first-child a {
  width:39px;
}
div.datepicker th a.datepickerMonth {
  width:121px;
}
div.datepicker {
  position: relative;
  font-size: 12px;
  height: 147px;
  position: absolute;
  cursor: default;
  top: 0;
  left: 0;
  display: none;
}
#home div.datepicker{
  width: 100%!important;
}
.datepickerContainer {
  /*position: absolute;*/
  position: static;
  height: auto!important;
  width: auto!important;
}


/* Hide border divs by default */
.datepickerBorderT,
.datepickerBorderB,
.datepickerBorderL,
.datepickerBorderR,
.datepickerBorderTL,
.datepickerBorderTR,
.datepickerBorderBL,
.datepickerBorderBR {
  display:none;
}

.datepickerHidden {
  display: none;
}
div.datepicker table {
  border-collapse:collapse;
}
div.datepicker a {
  color: black;
  text-decoration: none;
  cursor: default;
  outline: none;
  position: relative;
}
div.datepicker table td {
  text-align: center;
  padding: 0;
  margin: 0;
}
div.datepicker th {
  text-align: center;
  color: #666666;
  font-weight: normal;
  padding:0;
}
div.datepicker tbody a {
  display: block;
}
.datepickerDays a {
  width: 40px;
  line-height: 26px;
  height: 28px;
  padding-right: 2px;
  font-size: 1em;
}

.datepickerYears a,
.datepickerMonths a{
  width: 39px;
  line-height: 36px;
  height: 36px;
  text-align: center;
}
.datepickerMonths td:first-child a,
.datepickerMonths td:last-child a,
.datepickerYears td:first-child a,
.datepickerYears td:last-child a {
  width:38px;
}
.booking-panel-destination .datepickerDays a {
	width: 35px;
}
td.datepickerNotInMonth a {
  color: #666666;
}
tbody.datepickerDays td.datepickerSelected{
  background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
  background: #17384d;
}
div.datepicker td.datepickerSelected a {
  color:white;
}
/*div.datepicker a:hover,
div.datepicker a:hover {
  color: #88c5eb;
}*/
div.datepicker td.datepickerNotInMonth a:hover {
  color: #999999;
}
.datepickerSpace div {
  width: 20px;
}
.datepickerBlock {
  vertical-align:top;
}
a.datepickerGoNext,
a.datepickerGoPrev,
a.datepickerMonth {
  text-align: center;
  height: 20px;
  line-height: 20px;
  float:left;
}
div.datepicker th a.datepickerGoNext,
div.datepicker th a.datepickerGoPrev {
  width: 20px;
  color: #666666;
  display:none;
}
div.datepicker th a.datepickerMonth {
  width:114px;
  display:block;
}
/* Only display the previous/next arrows on the first/last calendars */
div.datepicker .datepickerFirstView th a.datepickerGoPrev,
div.datepicker .datepickerLastView th a.datepickerGoNext {
  display:block;
}
/* Compensate for the space lost by not having a previous arrow */
div.datepicker th a.datepickerMonth {
  margin-left:20px;
}
div.datepicker .datepickerFirstView th a.datepickerMonth {
  margin-left:0;
}
/* Day mode calendar body */
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
  display: none;
}
/* Month mode calendar body */
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
  display: none;
}
/* Year mode calendar body */
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
  display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
  color: #555555;
}
td.datepickerDisabled a:hover {
  color: #333333;
}
/* Not used by default, calendar cells can be marked as special if desired (doesn't seem to be totally working) */
div.datepicker tbody.datepickerDays td.datepickerSpecial a {
  background: #770000;
  color:white;
}
div.datepicker tbody.datepickerDays td.datepickerSpecial.datepickerSelected a {
  background: #aa0000;
}

/* style the 'not in month' day cell away */
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background-color:transparent;
}
div.datepicker td.datepickerNotInMonth a span {
  display:none!important;
  background:none!important;
}
div.datepicker td.datepickerNotInMonth a:hover span {
  display:none!important;
}
div.datepicker tbody.datepickerDays td.datepickerNotInMonth:hover {
  background-color: transparent;
}
#days{
      color: white;
    }
      /* Style the calendar custom widget */
#date-range{
position:relative;
}
.date-range-wrapper{
	background: white;
	padding: 2px;
	position: relative;
}
.date-range-field,
[id^="date-range-field_"]{
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding-left: 4px;
	background: white;
	overflow: hidden;
	cursor:pointer;
	border: 1px solid transparent;
	border-radius: 0;
	z-index: 8;
}
.focus,
input.date-trigger:focus{
	border:1px solid #0052c2!important;
	background: #ccdcf3!important;
	color: #0f2c52!important;
}
.date-to.focus {
  border: 1px solid #7a222e!important;
  background: #F0E0E0!important;
  color: white!important;
}
.date-range-field p.date-value,
[id^="date-range-field_"] p.date-value{
	font-size: 14px;
	color: #0f2c52;
	position: relative;
	height: 26px;
	line-height: 26px;
	left: 4px;
	width: 250px;
	text-align: center;
	font-weight: 400;
	top: 0;
}
.disabled .date-range-field p.date-value, 
.disabled [id^="date-range-field_"] p.date-value {
	color: #2F5079!important;
}

#datepicker-calendar, [id^="datepicker-calendar_"], #datepicker-calendar_timetable{
	position: absolute;
	top: 100%;
	left: 7px;
	overflow: hidden;
	width: 641px;
	height: 0;
	background-color: #fff;
	
	border-radius: 0;
	padding:0 16px;
	z-index: 50;
	transition: height .3s ease;
    -moz-transition: height .3s ease;
    -webkit-transition: height .3s ease;
}
[id^="datepicker-calendar_"]{
	width: 314px;
	left: -8px;
}
.slideDown{
	border: 1px solid #0052c2;
	height:245px!important;
	transition: height .3s ease;
    -moz-transition: height .3s ease;
    -webkit-transition: height .3s ease;
}

.mc-date{
	/*height: 40px;
	line-height: 40px;
	position: relative;
	background: white;
	z-index: auto!important;*/
}
/* Remove default border from the custom widget since we're adding our own.  TBD: rework the dropdown calendar to use the default borders */
div.datepicker {
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
}
div.datepicker table tbody.datepickerDays td a span{
  font-size: 13px;
  width: 40.17px;
  height: 28px;
  display: inline-block;
}
.booking-panel-destination div.datepicker table tbody.datepickerDays td a span{
	width: 35px;
}
div.datepicker td.datepickerFuture a {
  color: black;
}
#days, #days_timetable{
	color:#c9c7cc;
	margin-right: 8px;
	font-weight: 300;
	font-weight: 300;
	font-size: 1.4em;
	line-height: 40px;
	float: left;
	display:inline-block;
}
#days-clear, #days-clear_timetable{
	line-height: 0;
	text-align: center; 
	display: inline-block;
}
td span{
	color:#0f2d53;
}
div.datepicker table tbody.datepickerDays td{
   	border:none!important;
}
.datepickerDays a {
	width: 40.14px;
}
.datepickerSpace div {
	width: 36px;
}
div.datepicker th a.datepickerMonth {
	float: left;
	width: 216px;
	height: 36px;
	font-size: 14px;
	margin-left: 38px;
	padding-top: 16px;
}
.booking-panel-destination div.datepicker th a.datepickerMonth {
	width: 205px;
}
a.datepickerMonth span{
	font-weight: bold;
	color: #0052c2;
}
a.datepickerGoNext, a.datepickerGoPrev{
	background: none repeat scroll 0% 0% transparent;
	border: 1px solid #0052C2;
	cursor: pointer !important;
	width: 20px !important;
	height: 20px;
	line-height: 15px;
	font-size: 18px;
	position: relative;
	top: 16px;
}
a.datepickerGoNext{
	float: right;
}
a.datepickerGoPrev img, a.datepickerGoNext img{
	margin: 2px;
	display: block;
}
.datepickerDoW th{
	background: white!important;
	padding: 8px 0 4px 0!important;
	border-bottom: none!important;
	
}
.datepicker a{
	font-weight: normal;
	color: #ddd;
}
div.datepicker th {
	background-color: #fff;
}
.datepickerSunday span, .datepickerSaturday span, span.saturday, span.sunday{
	font-weight: bold!important;
	color: #0052c2;
}
div.datepicker th {
	color: black;
	font-weight: normal;
}
.datepickerDays a:hover {
	background: white;
}
.datepickerDays a span{
	border: 1px solid transparent;
	position: relative;
}
.selectingFrom .datepickerDays .hovered span,
.selectingFrom .datepickerBlackoutDate a:hover span, 
.selectingFrom td.selectedFrom a span, 
.selectingFrom td.selectedTo a span{
	border-color:#0052c2;
	background-color: #ECF0F5;
}

.selectingTo .datepickerDays .hovered span,
.selectingTo .datepickerBlackoutDate a:hover span, 
.selectingTo td.selectedFrom a span, 
.selectingTo td.selectedTo a span{
	border-color:#7a222e;
	background-color: #F0E0E0;
}
.dcRange .datepickerDays a span:after, 
.dcRange .datepickerDays a span:before {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
td.datepickerDisabled:hover, td.datepickerBlackoutDate:hover{
	background: none!important;
}
td.datepickerDisabled a:hover,
td.datepickerDisabled:hover a{
	pointer-events: none;
	border:none!important;
}
td.datepickerDisabled.datepickerPromotionDate a:hover span,
td.datepickerDisabled.datepickerPromotionDate.hovered a span{
	pointer-events: none;
	border-color:#fff!important;
}
td.datepickerBlackoutDate a:hover,
td.datepickerBlackoutDate:hover a,
td.datepickerBlackoutDate a:hover span,
td.datepickerBlackoutDate:hover a span{
	/*border-color:#fff!important;*/
	pointer-events: none;
}
td.datepickerBlackoutDatehovering a:hover span,
td.datepickerBlackoutDatehovering:hover a span,
td.datepickerSelected.datepickerBlackoutDate a span{
	border-color:#ccdcf3!important;
	pointer-events: none;
}
.datepickerDisabled a span{
	color: #ddd!important;
	pointer-events: none;
}

.datepickerBlackoutDate a span{
	color: #ddd!important;
	pointer-events: none!important;
}
.datepickerBlackoutDate.datepickerSelected a span,
.datepickerBlackoutDatedatepickerSelected.hovering a span {
  color: #B7CEE4!important;
}
.datepickerDays td.hovering a{
	background-color: #ccdcf3;
}

.hovering.datepickerBlackoutDate a span,
.hovering.datepickerBlackoutDate a,
td.datepickerSelected.datepickerBlackoutDate a,
td.datepickerSelected.datepickerBlackoutDate a span{
	background-color: #ccdcf3!important;
}
tbody.datepickerDays td.datepickerSelected.datepickerDisabled {
	background-color: white!important;
}

.datepickerBlackoutDate.datepickerDisabled,
.datepickerBlackoutDate.datepickerDisabled.hovering{
	background: #fff!important;
}
td.datepickerBlackoutDate a span{
	background-color: #E8EAEC!important;
	border: 1px solid #FFF!important;
	background-image: linear-gradient( to right top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, #FFF 33%, #FFF 66%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100% );
	background-size: 3px 3px;
}
td.selectedFrom.datepickerBlackoutDate span,
td.selectedTo.datepickerBlackoutDate span{
	background-image: none!important;
}
td.datepickerBlackoutDate.hovering a{
	background-color: #ccdcf3!important;
}
.datepickerBlackoutDate.hovering span,
.datepickerBlackoutDate.hovering.hovered span {
  border: 1px solid #ccdcf3!important;
}
td.datepickerPromotionDate a span,
.datepickerDays td.datepickerPromotionDate.hovered span, 
td.selectedFrom.datepickerPromotionDate a span, 
td.selectedTo.datepickerPromotionDate a span {
	background: #FFEF9E;
	border: 1px solid #fff;
}
.dcRange.selectingFrom .datepickerDays a span:after, 
.dcRange.selectingFrom .datepickerDays a span:before{
	left: 33px;
	right: auto;
} 
.dcRange td.selectedFrom a span:after, 
.dcRange td.selectedFrom a span:before{
	left: 33px!important;
	right: auto!important;
}
.dcRange.selectingTo .datepickerDays a span:after, 
.dcRange.selectingTo .datepickerDays a span:before{
	left: auto;
	right: 33px;
}
.dcRange td.selectedTo a span:before, 
.dcRange td.selectedTo a span:after{
	left: auto!important;
	right: 33px!important;
}
.dcRange.selectingFrom .datepickerDays .hovered span:after, 
.dcRange td.selectedFrom a span:after, 
.dcRange.selectingTo .datepickerDays .selectedFrom .hovered span:after{
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ECF0F5;
	border-width: 12px 0 12px 5px;
	margin-top: -12px;
}
.dcRange.selectingFrom .datepickerDays .hovered span:before, 
.dcRange td.selectedFrom a span:before,
.dcRange.selectingTo .datepickerDays .selectedFrom .hovered span:before{
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #0052c2;
	border-width: 14px 0 14px 6px;
	margin-top: -14px;
	background: white;
}
.dcRange.selectingTo .datepickerDays .hovered span:after, 
.dcRange td.selectedTo a span:after,
.dcRange.selectingFrom .datepickerDays .selectedTo .hovered span:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #F0E0E0;
	border-width: 12px 5px 12px 0;
	margin-top: -12px;
}
.dcRange.selectingTo .datepickerDays .hovered span:before, 
.dcRange.selectingFrom .datepickerDays .selectedTo .hovered span:before,
.dcRange td.selectedTo a span:before  {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #7a222e;
	border-width: 14px 6px 14px 0;
	margin-top: -14px;
	background: white;
}

.dcRange td.selectedFrom a span{
	background-color: #0052c2!important;
	border-color: #0052c2!important;
	color: white!important;
}
.dcRange td.selectedTo a span {
  background-color: #7a222e!important;
  border-color: #7a222e!important;
  color: white!important;
}
.dcRange td.selectedTo a span:after{
	border-right-color: #7a222e!important;
}
.dcRange td.selectedFrom a, 
.dcRange td.selectedTo a{
	background: transparent!important;
}
.dcRange.selectingTo td.hovering span:before,
.dcRange.selectingFrom td.hovering span:before,
.dcRange td.selectedFrom span:before, 
.dcRange td.selectedTo span:before{
	background: #ccdcf3!important;
	/*background: #0052c2!important;*/
}

.dcRange td.datepickerDisabled span:before,
.dcRange td.datepickerDisabled span:after,
.dcRange td.datepickerBlackoutDate span:before,
.dcRange td.datepickerBlackoutDate span:after{
	display: none!important;
}

.dcRange td.selectedFrom a span:before{
	border-left-color: #0052c2!important;
	background-color: #ccdcf3;
}
.dcRange td.selectedFrom a span:after{
	border-left-color: transparent!important;
}
.dcRange td.selectedTo a span:before{
	border-right-color: #7a222e!important;
	background-color: #ccdcf3;
}
.dcRange td.selectedTo a span:after{
	border-right-color: transparent!important;
}


.dcRange.selectingTo td.selectedFrom.hovering span:before,
.dcRange.selectingFrom td.selectedTo.hovering span:before{
	/*background: #0052c2!important;*/
}
.datepickerDays td.hovering.datepickerPromotionDate a span{
	background-color: #ccdcf3;
	border-color: transparent;
}
.dcRange tr{
	position: relative;
}
.dcSingle .datepickerSelected{
	background: #0052c2!important;
}
.dcRange .oneSelected a span:before,
.dcRange .oneSelected a span:after{
	display: none!important;
}
	/*border-width: 28px 40px 0 0!important;
  	border-color: #0052c2 transparent transparent transparent!important;
  	left: auto!important;
  	right: auto!important;
  	margin: 0!important;*/

.oneSelected a{
	position: relative!important;
}
.dcRange .oneSelected a:before,
.dcRange .oneSelected a:after{
	content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-style: solid;
    pointer-events: none;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.dcRange .oneSelected a:before{
	/*display: none!important;*/
	border-width: 0 0 28px 40px!important;
	border-color: transparent transparent #7a222e transparent!important;
	left: 0;
	right: 0;
}
.dcRange .oneSelected a:after{
	border-width: 28px 40px 0 0!important;
  	border-color: #0052c2 transparent transparent transparent!important;
  	left: 0;
  	right: 0;
}

td.selectedTo.oneSelected a span,
td.selectedFrom.oneSelected a span{
	background-color: transparent!important;
	border-color: transparent!important;
	position: relative;
	z-index: 5;
}

.focus{
	/*border-top: 1px solid #0052c2!important;
	border-right: 1px solid #0052c2!important;
	border-left: 1px solid #0052c2!important;
	border-bottom: 1px solid transparent;*/
}
.focus:after, .focus:before {
	bottom: -1px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 10;
}
.focus:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #0052c2;
	border-width: 8px;
	margin-left: -8px;
}
.focus:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #0052c2;
	border-width: 9px;
	margin-left: -9px;
}
.date-to.focus:before, .date-to.focus:after{
	border-bottom-color: #930d0d!important;
}
.focus .input-group-addon i {
	color: #0052c2;
}
.date-to.focus .input-group-addon:hover{
	background-color: #FCF3F3;
}
.date-to.focus .input-group-addon i{
	color: #7a222e;
}
td.datepickerBlackoutDate.datepickerSelected a{
	background:#F2F3F4!important;
}
tbody.datepickerDays td.datepickerSelected, 
.datepickerDays td:hover {
	background-color: transparent;
}
td.datepickerSelected a{
	background-color:#ccdcf3;
}
td.datepickerSelected.datepickerPromotionDate a span{
	background-color:#ccdcf3!important;
	border: 1px solid transparent;
}
td.datepickerDisabled.datepickerPromotionDate a span{
	background:#fff!important;
}
td.selectedFrom.datepickerPromotionDate a span,
td.selectedTo.datepickerPromotionDate a span{
	border:1px solid transparent;
}
.dcSingle td.datepickerSelected a{
	background: transparent;
	color: white;
}
.dcSingle td.datepickerSelected a span{
	color: white;
}
.dcSingle td.datepickerSelected a:hover span{
	color: #0d2040;
}
td.selectedTo.hovering a, td.selectedFrom.hovering a{
	background-color:#ccdcf3!important;
}
td.datepickerDisabled.hovering a, td.datepickerDisabled.datepickerSelected a, td.datepickerNotInMonth.datepickerSelected a{
	background:transparent!important;
}

/*
.dcRange.selectingTo .datepickerDays td.datepickerSelected.datepickerPromotionDate a:hover span:after,
.dcRange.selectingTo .datepickerDays td.datepickerSelected.datepickerPromotionDate.hovered a span:after{
	border-right-color: #ccdcf3;
}
.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate a:hover span:after,
.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate.hovered a span:after{
	border-right-color: #FFEF9E;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate a:hover span:before,
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.hovered a span:before,
.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate a:hover span,
.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate.hovered a span,
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate a:hover span{
	background: #FFEF9E;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.datepickerSelected a:hover span:before,
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.datepickerSelected.hovered a span:before,
.dcRange td.selectedFrom.datepickerPromotionDate a span:before, 
.dcRange.selectingTo .datepickerDays .selectedFrom.datepickerPromotionDate a:hover span:before,
.dcRange.selectingTo .datepickerDays .selectedFrom.datepickerPromotionDate.hovered a span:before{
	background: #ccdcf3;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.datepickerSelected a:hover span:after,
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.datepickerSelected.hovered a span:after {
	border-left-color: #ccdcf3;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate a:hover span:after,
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.hovered a span:after{
	border-left-color: #FFEF9E;
} 
.dcRange td.selectedTo.datepickerPromotionDate a span:after, 
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate a:hover span:after,
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate.hovered a span:after{
	border-right-color: #ccdcf3;
}

.dcRange td.selectedFrom.datepickerPromotionDate a span:after, 
.dcRange.selectingTo .datepickerDays .selectedFrom.datepickerPromotionDate a:hover span:after,
.dcRange.selectingTo .datepickerDays .selectedFrom.datepickerPromotionDate.hovered a span:after{
	border-left-color: #ccdcf3;
}

.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate a:hover span:before,
.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate.hovered a span:before{
	background: #ccdcf3;
}
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate a:hover span:before, 
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate.hovered a span:before, 
.dcRange td.selectedTo.datepickerPromotionDate a span:before,
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate.datepickerSelected a:hover span:before,
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate.datepickerSelected.hovered a span:before, 
.dcRange td.selectedTo.datepickerPromotionDate.datepickerSelected a span:before {
	background: #ccdcf3;
}

.datepickerDays td.datepickerPromotionDate a:hover span, 
.datepickerDays td.datepickerPromotionDate.hovered a span, 
td.selectedFrom.datepickerPromotionDate a span, 
td.selectedTo.datepickerPromotionDate a span {
	border: 1px solid #0052C2;
}*/

.dcRange.selectingTo .datepickerDays td.datepickerSelected.datepickerPromotionDate.hovered a span:after{
	border-right-color: #ccdcf3;
}
.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate.hovered a span:after{
	border-right-color: #FFEF9E;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.hovered a span:before,
.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate.hovered a span{
	background: #FFEF9E;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.datepickerSelected.hovered a span:before,
.dcRange td.selectedFrom.datepickerPromotionDate a span:before, 
.dcRange.selectingTo .datepickerDays .selectedFrom.datepickerPromotionDate.hovered a span:before{
	background: #ccdcf3;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.datepickerSelected.hovered a span:after {
	border-left-color: #ccdcf3;
}
.dcRange.selectingFrom .datepickerDays td.datepickerPromotionDate.hovered a span:after{
	border-left-color: #FFEF9E;
} 
.dcRange td.selectedTo.datepickerPromotionDate a span:after, 
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate.hovered a span:after{
	border-right-color: #ccdcf3;
}

.dcRange td.selectedFrom.datepickerPromotionDate a span:after, 
.dcRange.selectingTo .datepickerDays .selectedFrom.datepickerPromotionDate.hovered a span:after{
	border-left-color: #ccdcf3;
}

.dcRange.selectingTo .datepickerDays td.datepickerPromotionDate.hovered a span:before{
	background: #ccdcf3;
}
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate.hovered a span:before, 
.dcRange td.selectedTo.datepickerPromotionDate a span:before,
.dcRange.selectingFrom .datepickerDays .selectedTo.datepickerPromotionDate.datepickerSelected.hovered a span:before, 
.dcRange td.selectedTo.datepickerPromotionDate.datepickerSelected a span:before {
	background: #ccdcf3;
}

.datepickerDays td.datepickerPromotionDate.hovered a span, 
td.selectedFrom.datepickerPromotionDate a span, 
td.selectedTo.datepickerPromotionDate a span {
	border: 1px solid #0052C2;
}

@media (max-width: 767px){	
	.date-range-field p.date-value,
	[id^="date-range-field_"] p.date-value{
		top: 2px;
	}
	[id^="date-range-field_"] {
		height: 92px!important;
		line-height: 1.5!important;
		padding-left: 0!important;
	}
	.date-range-field{
		height: 38px;
		padding-left: 0!important;
	}
	.date-range-field p.date-value{
		font-size: 14px;
	}
	.date-value .placeholder-date{
		display: none;
		color: #979797;
		text-align: left;
		margin-bottom: 0px;
		margin-top: 0px;
		font-size: 14px;
		
	}
	.date-range-field p.date-value, [id^="date-range-field_"] p.date-value{
		line-height: 1;
	}
    .date-value.default .placeholder-date{
		display: block;
		height: 33px;
		line-height: 33px;
	}
	.mc-date .date-value.default .placeholder-date{
		line-height: 1.2;
		margin-top: 8px;
	}
	p.date-value .month-year{
		font-size: 11px;
		display: block;
		text-align: left;
	}
	span.day-txt{
		display: block;
		line-height: 1.2;
		text-align: left;
	}
	span.drop-cap{
	    float: left!important;
	    width: 46px!important;
		font-size: 30px!important;
		line-height: 1!important;
	    height: auto!important;
	    padding-top: 2px;
	}
}
@media (min-width: 768px){
	.mc-date{
		/*width: 249px;*/
	}
	.day-txt{
		float: left;
		line-height: 32px;
	}
	#legendBlock{
		margin-top: 16px!important;
	}
}
p.date-value{
	display: inline!important;
}

#datepicker-popover.popover{
	min-width: 120px;
	border-radius: 0;
	box-shadow: none;
	background-color: #0059c2;
	border-color: #94badb;
	color: white;
	font-size: 13px;
	line-height: 1;
	border-radius: 0;
}
#datepicker-popover .popover-content{
	padding: 8px 12px!important;
}
#datepicker-popover.popover.top .arrow:after {
	border-top-color: #0059c2;
}

#datepicker-popover.popover-info{
	background-color: #f9f9f9;
	color: #17384d;
	border-color: #CFCFCF;
	width: 122px;
  	text-align: center;
}
#datepicker-popover.popover-info.top .arrow:after {
	border-top-color: #f9f9f9;
}

.datepicker-mobile{
	background:#fff!important;
	width: 100%!important;
	height: 100%!important;
	top: 0!important;
	bottom: 0!important;

}
.datepicker-mobile .datepickerContainer{
	padding-left: 16px;
	padding-right: 16px;
	top: 0!important;
	bottom: 0!important;
	padding-bottom: 16px;
	width: 100%!important;
}
.datepicker-mobile table{
	width: 100%;
	margin: 0 0 16px 0;
	table-layout: fixed;
}
.datepicker-mobile td span{
	font-size: 16px!important;
}
.datepicker-mobile table tbody.datepickerDays td a span{
	width: auto!important;
	height: auto!important;
	display: block!important;
}
.datepicker-mobile .datepickerDays a {
	height: auto;
	padding: 0;
	line-height: normal;
	width: auto;
}
.datepicker-mobile table tbody.datepickerDays td a span {
    font-size: 16px;
    vertical-align: middle;
    padding: 8px;
    display: block;
}
.datepicker-mobile .datepickerDoW th{
	background: white!important;
}
.datepicker-mobile .datepickerDoW th span{
	padding: 16px 0!important;
}

.datepicker-mobile a.datepickerGoPrev, 
.datepicker-mobile a.datepickerGoNext {
    display: block;
    width: 16.666666667%!important;
    height: 48px!important;
    line-height: 48px!important;
    font-size: 26px!important;
    top: 0;
    display: block;
    border:none!important;
}
.datepicker-mobile th a.datepickerMonth {
    float: left;
    width: 66.666666667%!important;
    height: 48px!important;
    font-size: 18px!important;
    margin-left: 0px!important;
    line-height: 48px!important;
    padding-top: 0px!important;
}
.datepicker-mobile .datepickerViewDays thead th {
	background: #f0f8ff;
	padding: 8px 0!important;
}
.datepicker-mobile .datepickerMonth span{
	font-size: 20px!important;
}
.datepicker-mobile .datepickerNotInMonth a span{
	color:#fff!important;
}
.datepicker-mobile{
	position: fixed!important;
}
.datepicker-mobile .datepickerContainer{
	position: static;
}
.datepickerTitle{
	font-size: 16px;
	font-weight: 500;
	padding: 16px 0!important;
	line-height: 1.5;
	text-align: left;
	display: block;
}

.closeDatePicker{
    padding: 16px 0;
    text-align: right;
    line-height: 1.5;
}

.datepicker-active .datepicker{
	overflow: auto;
}
#legendBlock ul li{
	font-size: 13px;
	height: 28px;
	line-height: 28px;
	margin-right: 24px;
}

#legendBlock span.promotion-available,
#legendBlock span.promotion-notAvailable,
#legendBlock span.flight-notAvailable{
	width: 38px;
	height: 26px;
	display: block;
	margin-right: 8px;
}
#legendBlock span.promotion-available{
	background:#E6F1FA;
	background: #FFEF9E;
}
#legendBlock span.promotion-notAvailable,
#legendBlock span.flight-notAvailable{
	background-color: #E8EAEC!important;
	background-image: linear-gradient( to right top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, #FFF 33%, #FFF 66%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100% );
	background-size: 3px 3px;
}

.datepicker-mobile #legendBlock{
	padding-left: 16px;
}
.legend.slideDown{
	height: 294px!important;
}
.availability.slideDown{
	height: 275px!important;
}
.availabilityTxt{
	font-size: 14px;
	color: #66512C;
	text-align: center;
	background:#FCF8E3;
	padding: 4px 0;
	margin-top: 8px;
	margin-left: -16px;
	margin-right: -16px;
}
p.availabilityTxt strong {
	color: #A61420;
	color: #66512C;
}
/*
.legend.availability #legendBlock ul li:first-child{
	display: none!important;
}
*/
.legend.availability.slideDown {
  height: 318px!important;
}

.slideDown.loading{
	background: url(../Images/loading.gif) center center no-repeat;
}
.slideDown .datepicker{
	opacity: 1;
	-webkit-transition: opacity .3s; 
    transition: opacity .3s;
}
.slideDown.loading .datepicker{
	opacity: 0;
}

.dates-status{
	opacity: 0;
	position: absolute;
	z-index: 0;
	-webkit-transition: all .3s; 
    transition: all .3s;
    background: #0052c2;
    color: white;
    height: 32px;
    width: auto;
    line-height: 32px;
    text-align: center;
    left: 12px;
    right: 12px;
    top: 4px;
}
@media (min-width: 768px){
	.dates-status.one-way{
		width: 46.4%;
	}
}
@keyframes fadeInOut {
    0%   {opacity: 0;}
    25%  {opacity: 1;}
    75%  {opacity: 1;}
    100% {opacity: 0;}
}
.dates-status.checking,
.dates-status.change,
.dates-status.ok{
	opacity: 1;
	z-index: 100;
	-webkit-transition: all .3s; 
    transition: all .3s;
    z-index: 10;
    font-size: 16px;
    text-align: center;
    color: #fff;

}

.dates-status.change .change-txt,
.dates-status.checking .checking-txt,
.dates-status.ok .ok-txt{
	opacity: 1;
	display: block;
}
.dates-status .change-txt,
.dates-status .checking-txt,
.dates-status .ok-txt,
.dates-status.checking .change-txt,
.dates-status.change .checking-txt,
.dates-status.checking .ok-txt,
.dates-status.change .ok-txt,
.dates-status.ok .change-txt,
.dates-status.ok .checking-txt{
	opacity: 0;
	display: none;
}

.dates-status.ok{
	background: #93BADB;
	background: rgba(147, 186, 219, 0.9);
	font-size: 16px;
  	color: #fff;
}
.dates-status.change{
	background: #E3001E;
	background-color: rgba(227, 0, 30, 0.9)
}

.spin{
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.datepicker-single{
	z-index: 100;
	
}
.datepicker-single .datepickerBlock{
	background: #fff;
	padding: 8px 16px;
    border: 1px solid #0052C2;
}
/*.datepicker-single .datepickerDays td a:hover span,*/
.datepicker-single .datepickerDays .hovered a span{
	border: 1px solid #0052C2!important;
}
.datepicker-single .datepickerSelected span{
	background-color: #0052C2!important;
	color: #ffffff!important;
}
#corporate .datepicker-single .datepickerBlock{
    border: 1px solid #651622;
}
#corporate .datepicker-single .datepickerDays td a:hover span{
	border: 1px solid #651622!important;
}
#corporate .datepicker-single .datepickerSelected span{
	background-color: #651622!important;
	color: #ffffff!important;
}
#corporate .datepickerSunday span, 
#corporate .datepickerSaturday span, 
#corporate span.saturday, 
#corporate span.sunday,
#corporate a.datepickerMonth span{
	color: #651622;
}
#corporate a.datepickerGoNext, 
#corporate a.datepickerGoPrev{
	border-color: #651622;
}
.hasDisclaimer.slideDown{
	height: 326px!important;
}
:lang(de) .hasDisclaimer.slideDown,
:lang(ru) .hasDisclaimer.slideDown{
	height: 333px!important;
}
.datepicker-disclaimer .availabilityTxt{
	text-align: left;
    padding: 16px;
    line-height: 1.2;
    background: #e4f2ff;
    color: #0f2d53;
}
.datepicker-mobile .datepicker-disclaimer .availabilityTxt{
	margin: 0;
    bottom: 0;
    position: absolute;
}