.book-yf {
	width: 375px;
	height: 375px;
	padding: 0;
	margin: 0;
	
	font-family: arial;
	background: url(../images/ELAL.jpg);
	position: relative;
	direction: ltr;
}
/* GLOBALS */



.book-yf *,
.book-yf *:after,
.book-yf *:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	margin: 0;

}



::selection {
	background: transparent;
}



::-moz-selection {
	background: transparent;
}



.input-wrapper {

	float: left;

	height: 28px;

	width: 103px;

	position: relative;

	/*right: 13px;*/

	top: 10px;

}



.passenger-btn {

	position: absolute;

	top: 0;

	left: 0;

	background: #3598dc;

	color: white;

	width: 12px;

	font-size: 12px;

	text-align: center;

	cursor: pointer;

	z-index: 99999;

}



.passenger-btn.down {

	top: 14px;

	-webkit-transform: rotate(180deg);

	/* Chrome and other webkit browsers */

	-moz-transform: rotate(180deg);

	/* FF */

	-o-transform: rotate(180deg);

	/* Opera */

	-ms-transform: rotate(180deg);

	/* IE9 */

	transform: rotate(180deg);

	/* W3C compliant browsers */

	/* IE8 and below */

	filter: progid: DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');

}



.passenger {

	text-indent: 20px;

	font-size: 12px;

}





input {

	height: 28px;

	width: 100px;

	 text-indent: 5px;

}



.end-date-wrapper {

	position: relative;

	right: 10px;

}

.send {

	position: relative;

	left: 27px;

	top: 10px;

	color: white;

	background: #3598dc;

	border: 0;

	cursor: pointer;

	font-weight: bold;

	font-size: 17px;

	text-indent: 0;

}



#dd4 {

	width: 50px;

	margin: 0;

	float: right;

}



#dd2 .dropdown,

#dd4 .dropdown {

	width: 100px

}



.clear {

	clear: both;

}



.parent {

	float: left;

	width: 90px;

}



.parent h4 {

	color: white;

	font-size: 12px;

}



.until {

	float: left;

	text-align: right;

	color: white;

	width: 50px;

	font-size: 10px;

	position: relative;

	top: 19px;

	right: 15px;

	font-weight: bold;

}



#form {

top: 104px;

position: absolute;

right: 97px;

width: 230px;

}



.popUp {

	display: block;

	width: 100%;

	height: 100%;

	background: rgba(1, 1, 61, 0.8);

	z-index: 33;

	position: relative;

	cursor: pointer;

}



.popUp-wrapper {

	display: none;

}



.inputs-wrapper {

	margin: auto;

	width: 220px;

	height: 125px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 9999;

	/*  padding-right: 30px;
	padding-left: 30px;*/
}









.inputs-wrapper h4 {

	position: relative;

	top: 15px;

	color: #333;

	z-index: 9;

	font-size: 10px;

	text-align: center;

}



.inputs-wrapper .input-wrapper {

	margin-left: 10px;

	height: 93px;

	width: 105px;

}



.input-wrapper.mounth {

	margin-left: 0;

}



.inputs-wrapper input {

	/*text-indent: 20px*/

	text-align: center;

}



.min-input-wrapper {

	position: relative;

}



.save {

	position: relative;

	z-index: 9999;

	cursor: pointer;

	background: #3598dc;

	border: 0;

	padding: 5px;

	color: white;

	width: 100%;

	border-radius: 5px

}



.popUp-wrapper input {

	background: #fff;

	border: 0;

	width: 100%;

	height: 50px;

	padding-top: 8px;

	font-size: 22px;

}



.remove-margin {

	margin: 0;

}



.inputs-wrapper h4.remove-margin {

	color: white;

	top: 0;

	font-size: 16px;

}

/* No CSS3 support: none */



.awesomplete [hidden] {

	display: none;

}



.awesomplete .visually-hidden {

	position: absolute;

	clip: rect(0, 0, 0, 0);

}



.awesomplete {

	display: inline-block;

	position: relative;

}



.awesomplete > input {

	display: block;

	width: 202px;

	margin-bottom: 6px;

}



.awesomplete > ul {

	position: absolute;

	left: 0;

	z-index: 1;

	min-width: 100%;

	box-sizing: border-box;

	list-style: none;

	padding: 0;

	margin: 0;

	background: #fff;
}


.awesomplete > ul {
	max-height: 100px;
	overflow: auto;
}

.awesomplete > ul:empty {
	display: none;
}

.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0, 0%, 100%, .9);
	background: linear-gradient(to bottom right, white, hsla(0, 0%, 100%, .8));
	border: 1px solid rgba(0, 0, 0, .3);
	box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
	text-shadow: none;
	z-index: 9999999!important;
}


@supports (transform: scale(0)) {
	.awesomplete > ul {
		transition: .3s cubic-bezier(.4, .2, .5, 1.4);
		transform-origin: 1.43em -.43em;
	}
	
	.awesomplete > ul[hidden],

	.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

/* Pointer */
.awesomplete > ul:before {
	content: "";
	position: absolute;
	top: -.43em;
	left: 1em;
	width: 0;
	height: 0;
	padding: .4em;
	background: white;
	border: inherit;
	border-right: 0;
	border-bottom: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.awesomplete > ul > li {
	position: relative;
	padding: .2em .5em;
	cursor: pointer;
}


.awesomplete > ul > li:hover {
	background: hsl(200, 40%, 80%);
	color: black;
}


.awesomplete > ul > li[aria-selected="true"] {
	background: hsl(205, 40%, 40%);
	color: white;
}


.awesomplete mark {
	background: hsl(65, 100%, 50%);
}


.awesomplete li:hover mark {
	background: hsl(68, 100%, 41%);
}



.awesomplete li[aria-selected="true"] mark {
	background: hsl(86, 100%, 21%);
	color: inherit;
}

/*# sourceMappingURL=awesomplete.css.map */

#ui-datepicker-div.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
	top: 0!important;
	left: 52px!important;
	right: inherit;
}



#ui-datepicker-div {
	z-index: 9999999999999999!important;

}

.ui-autocomplete {
	z-index: 9999999999999999!important;
}
