.input_select{
min-width:200px;
}
.service_add_error{
color:red;
display:inline;
margin-left:2px;
}

form#submit_form .booking_fields {
width: 100%;
}

form#submit_form .booking_calculation {
width: 100%;
max-width: 370px;
}

input#booknow {
clear: both;
}
.sub_total, .booking_service_fee, .total_cost{
display:block;
width:75%;
float:left;
}
.section_title{
font-size:17px;
color:#000;
padding-top:20px;
padding-bottom:10px;
}



.booking_frm_cont {
margin-bottom: 40px;
}

.booking_frm_cont h1 {
padding: 0;
line-height: normal;
}

.booking_frm_cont .button {
margin: 0;
}

.booking_main .section_title {
padding: 0 0 15px;
}

.booking_main h3 {
margin: 25px 0 10px;
padding: 0;
}

.booking_calculation {
border/*\**/: 1px solid #cccccc\9;
border: 1px solid rgba(0,0,0,.2);
margin-bottom: 40px;
}

.bk_row {
clear: both;
border-bottom/*\**/: 1px solid #cccccc\9;
border-bottom: 1px solid rgba(0,0,0,.2);
padding: 6px 15px;
}

.booking_calculation .form_row {
padding: 0;
}

.main_user_info .user_info {
margin-bottom: 40px;
}

.main_user_info h3 {
padding: 0;
margin: 0 0 8px;
}

.main_user_info h5 {
padding: 0;
}

.payment_info h3 {
padding-top: 0;
}

.coupon_code_div {
margin-top: 10px;
}

.entry-content ul.payment_method {list-style: none;}


/* ~Calendar */
table.calendar_widget caption {font: bold 13px Helvetica, arial, sans-serif;}
table.calendar_widget, table.calendar_widget caption {border-top/*\**/: 1px solid #cccccc; border-top: 1px solid rgba(0,0,0,0.2)}
table.calendar_widget caption, table.calendar_widget th, table.calendar_widget td {border-right/*\**/: 1px solid #cccccc; border-right: 1px solid rgba(0,0,0,0.2)}
table.calendar_widget th, table.calendar_widget td {border-bottom/*\**/: 1px solid #cccccc; border-bottom: 1px solid rgba(0,0,0,0.2); padding: 0; font-size: 15px; width: 14%;}
table.calendar_widget, table.calendar_widget caption {border-left/*\**/: 1px solid #cccccc; border-left: 1px solid rgba(0,0,0,0.2)}

/* ~Calendar */
table.calendar_widget caption,
table.calendar_widget th {
background: none;
}
table.calendar_widget caption {
font: bold 13px Helvetica, arial, sans-serif;
}
table.calendar_widget,
table.calendar_widget caption,
#house_room th,
#house_room td,
.booking table.table {
border-top/*\**/: 1px solid #b2b2b2;
border-top: 1px solid rgba(0,0,0,0.1)
}
table.calendar_widget caption,
table.calendar_widget th,
table.calendar_widget td,
#house_room th,
#house_room td,
.booking table.table td {
border-right/*\**/: 1px solid #b2b2b2;
border-right: 1px solid rgba(0,0,0,0.1)
}
table.calendar_widget th,
table.calendar_widget td,
#house_room th,
#house_room td,
.booking table.table td {
border-bottom/*\**/: 1px solid #b2b2b2;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
table.calendar_widget,
table.calendar_widget caption,
#house_room th,
#house_room td,
.booking table.table {
border-left/*\**/: 1px solid #b2b2b2;
border-left: 1px solid rgba(0,0,0,0.1)
}

/* ~Booking Calendar */
.calendar_box {
				margin-bottom: 25px;
}
.calendar_box th,
.calendar_box td,
.calendar_box table {
padding: 0;
margin: 0;
}
.calendar_box td.title {
padding: 10px 0;
}
div.datepicker table td.datepickerSpace {padding: 0;display:none;}


#house_room th {
background: none;
padding: 12px 0;
}

table.calendar_widget {margin: 8px 0;}
table.calendar_widget td {width: 14.2%; padding: 0;}
table.calendar_widget td.days {font-weight: bold; padding: 8px;}
table.calendar_widget td span {font-size: 16px; padding: 45px 8px 8px;}
b.room_left {padding: 0 6px;}
.calendar_box td.title {text-align: center; background/*\**/: 1px solid #b2b2b2; background: rgba(0,0,0,0.1)}



#coupon_code_div input#booking_coupong_code {
max-width: 160px;
float: left;
margin-right: 10px;
}
#coupon_code_div input#apply_code {
float: left;
}
.coupon_code_div span#coupon_code_error{
clear:both;
}
.templatic_settings .form_style .main_date_div .from_div{
float: left;
width: 30%;
}
.templatic_settings .form_style .main_date_div .to_div{
float: left;
width: 30%;
}
.templatic_settings .form_style .main_date_div {
width:700px;
}
form#add_seasonal_price #seasonal_error{
color:red;
}

.display_availability{ margin-right:10px; clear:both; 	margin-bottom:5px;}
.display_availability span {
				margin-right: 8px;
				border:1px solid #dddddd;
				box-shadow: 0 1px 2px #d5d5d5;
				display: block;
				float: left;
				height: 18px;
				width: 18px;}
.book_today {background: #FFEF8F;}
.book_available {background: #ffffff;}
.allow_booking {background: #95C484;}
.book_not_available {background: #E98888;}
.book_closed {background: red;}

/*---------------------------*/

.fc-header {	
margin: 0;
}

.fc-border-separate {
margin: 0;
}

.ui-widget-header {
font-family: inherit;
padding: 10px 0;
}

.fc-header-center .fc-header-title h2 {
font-size: 20px;
line-height: normal;
}

.booknow_span {
display: block;
margin: 15px 0;
}

/*	--------------------------------------------------
:: Tablet (Landscape)
-------------------------------------------------- */

				@media only screen and (max-width: 980px) {
				.posted_successful .booking {overflow: scroll;}
				}

/*	--------------------------------------------------
:: Tablet (Portrait) 
-------------------------------------------------- */
				
				@media only screen and (max-width: 679px) {
				}

/*	--------------------------------------------------
:: Mobile (Landscape)
-------------------------------------------------- */

				@media only screen and (max-width: 480px) {
								
								/* ----- Calender Date Picker ----- */
								.layout-default #reservation_frm #datepicker-calendar,
								div#datepicker-calendar {
												width: auto;
								}
								.datepickerBlock {float: left; clear: both;}
								
								
				form#submit_form .booking_fields {
				float: none;
				clear: both;
				width: 100%;
				margin: 0;
				}
				
				form#submit_form .booking_calculation {
				float: none;
				clear: both;
				width: 100%;
				}
				
				form#submit_form .main_user_info .user_info {
				float: none;
				clear: both;
				width: 100%;
				}
				
				form#submit_form .main_user_info .payment_info {
				float: none;
				clear: both;
				width: 100%;
				}
				
				.fc-header td {
				display: block;	
				text-align: left;
				}
				div.calendar_box th, div.calendar_box td {padding-left: 0; padding-right: 0;}
				select#set_room_house {width: 170px;}
				table.calendar_widget {width: 100%}
				table.calendar_widget td.days {padding: 2%;}
				
				}
				.total_amount_title {
				background: none repeat scroll 0 0 #E8E8E8;
				border-bottom: 1px solid #DDDDDD;
				border-top: 1px solid #DDDDDD;
				color:#000000;
				}
				.calendar_widget td span.booked {
				background: none repeat scroll 0 0 #E98888;
				color: #FFFFFF;
				}
				.calendar_widget td span.booked {
				display: block;
				padding: 25px 0;
				}
				.calendar_widget td span.closed {
				background: none repeat scroll 0 0 red;
				color: #FFFFFF;
				}
				.calendar_widget td span.closed {
				display: block;
				padding: 25px 0;
				}
				.calendar_widget td span.past {
				background: none repeat scroll 0 0 #FFFFFF;
				color: #ABABAB;
				}
				.calendar_widget td span.past {
				display: block;
				padding: 25px 0;
				}
				.calendar_widget td span.no_event {
				background: none repeat scroll 0 0 #95C484;
				color: #FFFFFF;
				}
				.calendar_widget td span.no_event {
				display: block;
				padding: 25px 0;
				position: relative;
				}
				.room_left{
				background: none repeat scroll 0 0 orange;
				position:absolute;
				top: 0;
				right: 0;
				color:#FFFFFF;
				}
				
				.rooms_left {
				background-color: orange;
				display: block;
				float: left;
				height: 18px;
				margin-right: 5px;
				width: 18px;
				}
				#datepicker-calendar span.booking_calendar_link{
				position:relative;
				min-height:22px;
				}
				
				#datepicker-calendar span.booking_calendar_link img{
				position:absolute;
				right:4px;
				top:4px;
				cursor:pointer;
				}
				.no_booking {color:red;}
				table.calendar_widget td span {
				font-size: 15px;
				padding: 35px 5px 5px;
				}

/*	--------------------------------------------------
:: Mobile (Portrait)
-------------------------------------------------- */

				@media only screen and (max-width: 320px) {
								.sub_total, .booking_service_fee, .total_cost {width: 60%;}
				}