div.calendar {
	z-index: 77; position: absolute; left: 0; right: auto;
	padding: 14px 14px 8px 14px;
	margin: 0 auto; margin-left: -148px;
	color: white; background-color: #222222;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
	-webkit-box-shadow: 5px 5px 20px black;
	   -moz-box-shadow: 5px 5px 20px black;
			box-shadow: 5px 5px 20px black;
	border: 1px solid; border-color: #414141 #101010 #0c0c0c;
	width: 280px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


div.calendar .icoPlane { display: inline-block; width: 23px; height: 20px; background: url("/images/calendar/planes.png") no-repeat center left; }
div.calendar .icoPlane.returnFlight { background-position: center right; }
div.calendar .withStop div.day, div.calendar .legend .withStop { color: #ff7000; }
div.calendar .prevdoStraight div.day { color: #FFB880; }
div.calendar::before { content: ""; position: absolute; top: 0; left: 0; right: 0; margin: -8px auto 0; height: 15px; width: 15px; background: #222222;
    border-top: 1px solid #414141; border-left: 1px solid #414141;
    -webkit-box-shadow: -5px -5px 20px -5px black;
	   -moz-box-shadow: -5px -5px 20px -5px black;
			box-shadow: -5px -5px 20px -5px black;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}

div.calendar table { table-layout: fixed; }
div.calendar table td { vertical-align: top; }
div.calendar table.roll>tbody>tr>td { padding-left: 36px; }
div.calendar table.roll>tbody>tr>td:first-child { padding-left: 0; }
div.calendar table.calendar thead td { font-size: 80%; padding: 2px; color: #888888; }
div.calendar .weekdays table { width: 100%; }
div.calendar table.calendar thead td.weekend { color: #9e0205; }
div.calendar table.calendar tbody td { color: #ccc; }
div.calendar table.navigation { margin-bottom: 8px; color: White; width: 100%; table-layout: fixed; }
div.calendar table.navigation td { vertical-align: baseline; text-align: center; }
div.calendar table.navigation td.month { font-size: 120%; }
div.calendar table.navigation td.roll>span { cursor: pointer; }
div.calendar table.navigation td.roll span.arr { display: inline-block; width: 25px; height: 25px; margin: auto; background: url(/images/calendar/arrows.png) no-repeat left top; vertical-align: middle; z-index: 1000 }
div.calendar table.navigation td.roll.right span.arr { background-position: right top; }
div.calendar table.calendar td { text-align: center; padding: 0; }
div.calendar .day { width: 40px; height: 40px; position: relative; }
div.calendar .date { line-height: 40px; font-size: 140%; text-align: center; }
div.calendar .stroke { z-index: 7; position: absolute; margin: auto; top: 0; bottom: 0; left: 3px; right: 2px; height: 0; border-top: 1px solid rgba(0,0,0,0.25); border-bottom: 1px solid rgba(255,255,255,0.05); }
div.calendar .disabled .stroke { display: none; }
div.calendar .disabled .day { color: #010101; text-shadow: #333333 1px 1px 0px; }
div.calendar .enabled  .day { background: url("/images/newSearch/day.png")/*ImageEmbed:skip*/ no-repeat left top; cursor: pointer; }
div.calendar .enabled:hover .day { background-position: left -40px; }
div.calendar .flight div.day { text-align: left; }
div.calendar .flight div.date { font-size: 70%; text-align: center; line-height: normal; padding: 1px 2px; display: inline-block; vertical-align: top; }
div.calendar .flight div.day:after { content: ''; z-index: 3; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; display: inline-block; width: 23px; height: 20px; background: url("/images/calendar/planes.png")/*ImageEmbed:skip*/ no-repeat center left; }
div.calendar .flight.returnFlight div.day:after { background-position: center right; }
div.calendar .period, div.calendar .current, div.calendar .enabled:hover { color: #308BE2; }
div.calendar div.body { width: 100%; overflow: hidden; -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; -webkit-transform: translateZ(0px); }
div.calendar .range .day { background-position: left -40px; }
div.calendar .checkIn .day { color: #1585D8; background: url("/images/newSearch/day.png") no-repeat left -40px; }
div.calendar .checkIn .stroke { display: block; }
div.calendar .checkOut .day { color: #6A0DDB; }
div.calendar .legend { font-size: 80%; color: #ccc; }
div.calendar .legend>div { margin-top: 0.4em; }

