/* If you want to add your own CSS code, please do it in this file */
/*space between form*/
/* Selections */
	*::-moz-selection {
		background-color: #000;
	}
	*::selection {
		background-color: #000;		
	}

#ReservationForm{
	margin: -3px auto 0px;
}

/*black transparent background with border radius*/
#ReservationForm #chat-container{
	background: #E9E9E9 !important;
	margin-top: 6px !important
}

/*submit button style*/
#ReservationForm #chat-container.bbhorizontal .booking input#book {
	margin-top: 10px;
	min-width: 150px;
	height: 40px;
	background-color: #71AAAF !important;
	border-radius: 1px;
	border: 1px solid #fff;
	font-family: 'Roboto', sans-serif;
	transform: translateY(10%);
}

/*We dont want that calendar icon we want to change it, link:*/
#ReservationForm #chat-container.bbhorizontal .booking .arrival img, #ReservationForm #chat-container.bbhorizontal .booking .departure img {
	display: none;
}

/*date input style*/
#ReservationForm #chat-container.bbhorizontal .booking .arrival input, #ReservationForm #chat-container.bbhorizontal .booking .departure input {
    font-family: "Open Sans",Arial,Tahoma,sans-serif !important;
    color: #71AAAF !important;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
    border: 1px solid rgb(113, 170, 175) !important;
    border-radius: 2px !important;
    position: relative;
    display: inline-block;
    margin: 5px !important;
    width: 75px !important;
}

/*labels style*/
#ReservationForm #chat-container.bbhorizontal .booking .arrival label, #ReservationForm #chat-container.bbhorizontal .booking .departure label {
	color:#71AAAF;
  	font-family: "Open Sans",Arial,Tahoma,sans-serif;
	font-size: 14px;
	font-weight: 400;
}

/*
style for big screens
*/
@media (min-width: 768px){
	#ReservationForm #chat-container.bbhorizontal {
		position: relative;
		z-index: 1;
	}

	/*#ReservationForm #chat-container.bbhorizontal .main {
		top: 50%;
		position: relative;
		transform: translateY(-50%);
	}*/

	#ReservationForm #chat-container.bbhorizontal .booking .arrival, #ReservationForm #chat-container.bbhorizontal .booking .departure {
		width: auto;
		margin: 0 30px;
	}
}
/*
style for tablet - mobile
*/
@media (max-width: 767px){
	#ReservationForm #chat-container.bbhorizontal .main .booking {
		min-width: 100% !important;		
	}

	#ReservationForm #chat-container.bbhorizontal .booking .arrival, #ReservationForm #chat-container.bbhorizontal .booking .departure {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		font-size: 14px;
	}

	#ReservationForm #chat-container.bbhorizontal {
		height: auto !important;
	}
	#ReservationForm #chat-container.bbhorizontal .booking input#book {
		margin-bottom: 20px !important;
	}
}